import { Flex } from "..";
import { commonProps } from "../../../utils/storybook";
import type { StoryObj, Meta } from "@storybook/react";
/**
 * A reusable Flex component that abstract the div tag, which also able to access the theme from Stitches and gives the style of a flexbox
 */
const meta: Meta<typeof Flex> = {
  title: "Flex",
  component: Flex,
  tags: ["autodocs"],
  argTypes: {
    ...commonProps,
  },
};
export default meta;
type Story = StoryObj<typeof Flex>;
export const Default: Story = {
  render: (args) => (
    <Flex
      {...args}
      css={{ width: "fit-content", minWidth: "24px", minHeight: "24px", background: "#f4f4f4" }}
    />
  ),
};