import Text from '.';
import { ComponentStory, ComponentMeta } from '@storybook/react';
import Container from '../Container';

export default {
    title: 'Content/Text',
    component: Text
} as ComponentMeta<typeof Text>;

const Template: ComponentStory<typeof Text> = (props) => {
    return (
        <Container>
            <Text {...props} />
        </Container>
    );
};

export const Default = Template.bind({});
Default.args = {
    title: 'Dolore cillum eu fugiat est fugiatore',
    text: 'Lorem ipsum dolor sit amet, consectetur adiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ut enim ad minim veniam.',
    button: (
        <button
            type="button"
            className="mt-8 inline-flex items-center rounded-md border border-transparent bg-secondary-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-secondary-700 focus:outline-none focus:ring-2 focus:ring-secondary-500 focus:ring-offset-2"
        >
            Button text
        </button>
    )
};
