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-badge');
const meta = {
    title: 'Layout/Badge',
    render(args) {
        return html `<w-badge ${spread(prespread(args))}>Badge text</w-badge>`;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Neutral = {
    args: {
        variant: 'neutral',
    },
};
export const Info = {
    args: {
        variant: 'info',
    },
};
export const Positive = {
    args: {
        variant: 'positive',
    },
};
export const Warning = {
    args: {
        variant: 'warning',
    },
};
export const Negative = {
    args: {
        variant: 'negative',
    },
};
export const Price = {
    args: {
        variant: 'price',
    },
};
export const Sponsored = {
    args: {
        variant: 'sponsored',
    },
};
export const Positioned = {
    args: {
        variant: 'price',
        position: 'top-right',
    },
    render(args) {
        return html `
      <div style="position: relative; width: 200px; height: 100px; background: #f0f0f0; border-radius: 8px;">
        <w-badge ${spread(prespread(args))}>Badge</w-badge>
      </div>
    `;
    },
};
