import Builder, { toProps } from "../../utils/builder";
export default {
    title: 'Components/Collapse',
    component: 'x-collapse',
};
const Template = new Builder(args => `<x-collapse ${toProps(args)}>
		<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reiciendis molestiae maxime ipsam ducimus quidem itaque mollitia quod doloremque cupiditate eum, veniam eveniet reprehenderit eligendi error voluptatum, pariatur sapiente repellendus ex.</p>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus dolores neque, nihil, optio sapiente esse magni odio obcaecati incidunt accusamus provident, expedita nesciunt voluptates laudantium voluptas enim nostrum. Eaque, dolorum!</p>
	</x-collapse>`);
export const Simple = Template.args({
    header: 'Lorem ipsum',
    show: true,
}).build();
export const WithSlot = Template.args({}).build(args => `<x-collapse ${toProps(args)}>
	<div slot="header">
		<h3>Lorem ipsum dolor sit</h3>
		<h6>Voluptatibus dolores neque</h6>
	</div>
	<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus dolores neque, nihil, optio sapiente esse magni odio obcaecati incidunt accusamus provident, expedita nesciunt voluptates laudantium voluptas enim nostrum. Eaque, dolorum!</p>
</x-collapse>`);
