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 = () => {
	return `
		<h2>Default</h2>
		<sr-link href="https://www.swissre.com">Link</sr-link>

		<h2>Open in new tab</h2>
		<sr-link href="https://www.swissre.com">Link</sr-link>

		<h2>Arrow</h2>
		<sr-link href="https://www.swissre.com" arrow>Link</sr-link>

		<h2>Medium Size</h2>
		<sr-link href="https://www.swissre.com" size="medium">Link</sr-link>
	`;
};
