import {AppProviderComponent} from '../../../providers';
import {AlertComponent as Alert} from './alert.component';
import type {Meta, StoryObj} from '@storybook/react';
import React from 'react';

const meta: Meta<typeof Alert> = {
    title: 'Molecules/Alert',
    component: Alert,
};
export default meta;

type Story = StoryObj<typeof Alert>;

export const Default: Story = {
    render: (args) => (
        <Alert {...args} data-testid='alert'>
            <Alert.Title>There was a problem with that action</Alert.Title>
            <Alert.Description>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid
                pariatur, ipsum similique veniam.
            </Alert.Description>
            <Alert.ButtonGroup>
                <Alert.PrimaryButton>Learn more</Alert.PrimaryButton>
                <Alert.SecondaryButton>View changes</Alert.SecondaryButton>
            </Alert.ButtonGroup>
        </Alert>
    ),
    args: {
        hasIcon: true,
        variant: 'primary',
        hasDismiss: true,
    },
};