pussy-ts/src/components/containerGradient/DisplayTitle/DisplayTitle.stories.tsx

/* eslint-disable import/no-unused-modules */

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

import { img } from '../../../../.storybook/stubs';
import DisplayTitle from './DisplayTitle';
import { figmaDisplayUrl } from '../Display/storybook.temp';

const meta: Meta<typeof DisplayTitle> = {
  component: DisplayTitle,
  title: 'atoms/Title',
  argTypes: {
    animationState: {
      table: {
        disable: true,
      },
    },
  },
  parameters: {
    design: {
      type: 'figma',
      url: figmaDisplayUrl,
    },
  },
};
export default meta;

type Story = StoryObj<typeof DisplayTitle>;

const defaultTitle = 'Moon Citizenship';
const defaultImage = (
  <img
    src={img}
    alt="cyb"
    style={{
      objectFit: 'cover',
    }}
  />
);

export const Default: Story = {
  args: {
    title: defaultTitle,
  },
};

export const WithImage: Story = {
  args: {
    title: defaultTitle,
    image: defaultImage,
  },
};

export const WithImageLarge: Story = {
  args: {
    title: defaultTitle,
    image: defaultImage,
    isImgLarge: true,
  },
};