import { html } from 'lit';
import { ifDefined } from 'lit-html/directives/if-defined.js';
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
import './Container.svelte';
const meta = {
    title: 'Foundations/Container',
    component: 'm-container',
    args: {
        default: `<h1>Container</h1>`,
    },
    render: (args) => html `
    <m-container ?fluid=${args.fluid}> ${unsafeHTML(ifDefined(args.default))} </m-container>
  `,
};
export default meta;
export const Standard = {};
export const Fluid = {
    args: {
        fluid: true,
        default: `<h1>Fluid Container</h1>`,
    },
};
