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

import Logo from '.';

export default {
  component: Logo,
  title: 'Content/Logo',
  render: ({ inverse, type }) => {
    return (
      <div className={`${inverse ? 'bg--dark' : ''} p-a-3`}>
        <Logo type={type} inverse={inverse} />
      </div>
    );
  },
} satisfies Meta<typeof Logo>;

type Story = StoryObj<typeof Logo>;

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