import './footer-layout.element.js';

import { Meta, Story } from '@storybook/web-components';
import type { UmbFooterLayoutElement } from './footer-layout.element.js';
import { html } from '@umbraco-cms/backoffice/external/lit';

export default {
	title: 'Workspaces/Shared/Footer Layout',
	component: 'umb-footer-layout',
	id: 'umb-footer-layout',
} as Meta;

export const AAAOverview: Story<UmbFooterLayoutElement> = () =>
	html` <umb-body-layout>
		<div slot="footer-info">
			<uui-button color="" look="placeholder">Footer slot</uui-button
			><uui-button color="" look="placeholder">Actions slot</uui-button>
		</div>
	</umb-body-layout>`;
AAAOverview.storyName = 'Overview';
