import type { Meta, StoryObj } from "@storybook/react";

import { Checkbox } from ".";

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

type Story = StoryObj<typeof Checkbox>;

export const Primary: Story = {
  render: () => (
    <form>
      <Checkbox
        data-id="nick"
        data-component="Checkbox$Brevity"
        value={"Click Me"}
        onChange={(v) => console.log("change", v)}
      >
        This is a label
      </Checkbox>
    </form>
  ),
};

export default meta;
