/* eslint-disable import/no-extraneous-dependencies -- storybook story */
import type { Meta, StoryObj } from "@storybook/react-vite";
import { Checkbox } from "../checkbox";
import { Fieldset } from ".";

const meta: Meta<typeof Fieldset> = {
  title: "Form/Fieldset",
  component: Fieldset,
};

export default meta;

type Story = StoryObj<typeof Fieldset>;

export const Preview: Story = {
  tags: ["!dev"],
  args: {
    errorMessage: "",
  },
  render: (props) => (
    <Fieldset {...props}>
      <Fieldset.Legend>Default fieldset</Fieldset.Legend>
      <Fieldset.Description>This is a description</Fieldset.Description>
      <Checkbox defaultChecked value="Hello">
        Hello
      </Checkbox>
      <Checkbox value="Hello">Hello</Checkbox>
      <Checkbox value="Hello">Hello</Checkbox>
    </Fieldset>
  ),
};