import React from 'react';
import type { Meta, StoryObj } from '@storybook/react-vite';

import { Button } from '../Button/Button';

import { CTABanner } from './CTABanner';

const meta: Meta<typeof CTABanner> = {
  title: 'UI kit/CTABanner',
  component: CTABanner,
  tags: ['autodocs'],
  parameters: { docs: { controls: { sort: 'requiredFirst' } } },
};

export default meta;
type Story = StoryObj<typeof CTABanner>;

export const Default: Story = {
  args: {
    description:
      'Aliquam id dolor. Nullam dapibus fermentum ipsum. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu.',
    title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
    action: <Button>Click me!</Button>,
  },
  render: props => <CTABanner {...props} />,
};