import docs from '~forestry/4 - Components/Basic Controls/link.mdx';

export default {
	title: '4 - Components/Basic Controls/Link',
	parameters: {
		componentName: 'sr-link',
		docs: {
			page: docs
		}
	}
};

export const Default = () => '';

Default.parameters = {
	variations: [
		{
			title: 'Default',
			src: `<sr-link href="https://www.swissre.com">Link</sr-link>`
		},
		{
			title: 'Open in new tab',
			src: `<sr-link href="https://www.swissre.com" target="_blank">Link</sr-link>`
		},
		{
			title: 'Arrow',
			src: `<sr-link href="https://www.swissre.com" arrow>Link</sr-link>`
		},
		{
			title: 'Icon Before',
			src: `<sr-link href="https://www.swissre.com" icon-before="bin">Link</sr-link>`
		},
		{
			title: 'Icon After',
			src: `<sr-link href="https://www.swissre.com" icon-after="bin">Link</sr-link>`
		},
		{
			title: 'Medium Size',
			src: `<sr-link href="https://www.swissre.com" size="medium">Link</sr-link>`
		}
	]
};
