import React from "react";
import { Meta, Story } from "@storybook/react";
import { AtomSelect, IAtomSelectProps } from "react/atoms/Select";

const meta: Meta = {
  title: "React/atoms/Select",
  component: AtomSelect,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateSelect: Story<IAtomSelectProps> = (props) => (
  <AtomSelect {...props} />
);

export const Select = TemplateSelect.bind({});

Select.args = {
  items: ["Option One", "Option Two", "Option Three"],
  disabled: false,
  width: "280px",
  height: "56px",
  onChangeValue: (value: string) => {
    console.log(value);
  },
};
