import React from "react";
import { Meta, Story } from "@storybook/react";
import { AtomIcon, IIconProps } from "react/atoms/Icon";
import { theme } from "data/dataMx";

const meta: Meta = {
  title: "React/atoms/Icon",
  component: AtomIcon,
  argTypes: {
    color: {
      control: {
        type: "select",
      },
      options: Object.keys(theme),
    },
  },
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateIcon: Story<IIconProps> = (props) => <AtomIcon {...props} />;

export const Icon = TemplateIcon.bind({});

Icon.args = {
  icon: "earn_badges",
  size: 65,
};
