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

import { ToggleGroup } from ".";

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

type Story = StoryObj<typeof ToggleGroup>;

export const Primary: Story = {
  render: () => (
    <ToggleGroup data-id="nick" data-component="ToggleGroup$Brevity">
      <ToggleGroup.ToggleGroupItem
        data-component="ToggleGroup$Brevity.ToggleGroupItem"
        value="bold"
      >
        B
      </ToggleGroup.ToggleGroupItem>
      <ToggleGroup.ToggleGroupItem
        data-component="ToggleGroup$Brevity.ToggleGroupItem"
        value="italics"
      >
        I
      </ToggleGroup.ToggleGroupItem>
      <ToggleGroup.ToggleGroupItem
        data-component="ToggleGroup$Brevity.ToggleGroupItem"
        value="underline"
      >
        U
      </ToggleGroup.ToggleGroupItem>
    </ToggleGroup>
  ),
};

export default meta;