CheckboxGroup 复选框组更新

import { CheckboxGroup, Checkbox, Label, Description } from '@heroui/react';

import {CheckboxGroup, Checkbox, Label, Description, FieldError} from '@heroui/react';

export default () => (
  <CheckboxGroup name="interests">
    <Label />
    <Description /> {/* 可选 */}
    <Checkbox value="option1">
      <Checkbox.Content>
        <Checkbox.Control>
          <Checkbox.Indicator />
        </Checkbox.Control>
        Label {/* 纯文本 — 可点击标签 */}
      </Checkbox.Content>
      <Description /> {/* 可选 — 单个 Checkbox 的帮助文本 */}
    </Checkbox>
    <FieldError /> {/* 可选 */}
  </CheckboxGroup>
);

@layer components {
  .checkbox-group {
    @apply flex flex-col gap-2;
  }
}