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

type StoryType = StoryObj<typeof VisuallyHidden>;

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

export const Default: StoryType = {
  render: (args: VisuallyHiddenProps) => (
    <VisuallyHidden {...args}>
      This will only be visible to screen readers.
    </VisuallyHidden>
  ),
};

export default meta;
