import React from 'react';
import { Meta, Story } from '@storybook/react';
import { AtomLink, ILinkProps } from 'react/atoms/Link';

const meta: Meta = {
	title: 'React/atoms/Link',
	component: AtomLink,
	argTypes: {},
	parameters: {
		controls: { expanded: true },
	},
};

export default meta;

const TemplateLink: Story<ILinkProps> = (props) => (
	<div>
		<AtomLink {...props} />
	</div>
);

export const Link = TemplateLink.bind({});

Link.args = {
	url: 'http://localhost:6006/',
	typeIcon: 'noIcon',
	text: 'Link',
	typeLink: 'default',
	color: 'primary',
	customColor: 'neutral',
	align: 'left',
	nameIconLeft: 'cancel',
	nameIconRight: 'keyboard_arrow_right',
	disabled: false,
	styles: {},
};
