import { Meta, StoryObj } from '@storybook/react-webpack5';

import Logo, { LogoType } from '.';

export default {
  component: Logo,
  title: 'Content/Logo',
  render: () => {
    return (
      <>
        <div>
          {Object.values(LogoType).map((type) => (
            <div key={type} className="m-a-2">
              <Logo type={type} />
            </div>
          ))}
        </div>
        <div className="bg--dark">
          {Object.values(LogoType).map((type) => (
            <div key={type} className="m-a-2">
              <Logo type={type} inverse />
            </div>
          ))}
        </div>
      </>
    );
  },
} satisfies Meta<typeof Logo>;

type Story = StoryObj<typeof Logo>;

export const Basic: Story = {
  args: {
    type: 'WISE',
    inverse: false,
  },
};
