import { spread } from '@open-wc/lit-helpers';
import { getStorybookHelpers } from '@wc-toolkit/storybook-helpers';
import { html } from 'lit';
import { prespread } from '../../.storybook/utilities.js';
import './index.js';
const { events, args, argTypes } = getStorybookHelpers('w-box');
const meta = {
    title: 'Layout/Box',
    render: (args) => {
        return html `
      <w-box ${spread(prespread(args))}>
        <h3>Box Content</h3>
        <p>This is content inside a box component.</p>
      </w-box>
    `;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Default = {
    args: {
        bleed: false,
        bordered: false,
        info: false,
        neutral: false,
        role: 'region',
    },
};
export const Info = {
    args: {
        info: true,
        role: 'region',
    },
};
export const Neutral = {
    args: {
        neutral: true,
        role: 'region',
    },
};
export const Bordered = {
    args: {
        bordered: true,
        role: 'region',
    },
};
export const Bleed = {
    args: {
        bleed: true,
        neutral: true,
        role: 'region',
    },
};
