import docs from '~forestry/4 - Components/Navigation/breadcrumbs.mdx';

export default {
	title: '4 - Components/Navigation/Breadcrumbs',
	parameters: {
		componentName: ['sr-breadcrumb-nav', 'sr-breadcrumb-item'],
		docs: {
			page: docs
		}
	}
};

export const Default = () => {
	return `
		<sr-breadcrumb-nav>
			<sr-breadcrumb-item href="../../">Grandparent</sr-breadcrumb-item>
			<sr-breadcrumb-item href="../">Parent</sr-breadcrumb-item>
		</sr-breadcrumb-nav>
	`;
};

export const Centered = () => {
	return `
		<sr-breadcrumb-nav centered>
			<sr-breadcrumb-item href="../../">Grandparent</sr-breadcrumb-item>
			<sr-breadcrumb-item href="../">Parent</sr-breadcrumb-item>
		</sr-breadcrumb-nav>
	`;
};
