import { Box } from "..";
import { commonProps } from "../../utils/storybook";

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

const meta: Meta<typeof Box> = {
  title: "Box",
  component: Box,
  tags: ["autodocs"],
  argTypes: {
    ...commonProps,
  },
};

export default meta;

type Story = StoryObj<typeof Box>;

export const Default: Story = {
  render: (args) => (
    <Box
      {...args}
      css={{ width: "fit-content", minWidth: "24px", minHeight: "24px", background: "#f4f4f4" }}
    />
  ),
};