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-link');
const meta = {
    title: 'Buttons/Link',
    render(args) {
        return html `<w-link ${spread(prespread(args))}>Link Button Text</w-link>`;
    },
    args,
    argTypes,
    parameters: {
        actions: {
            handles: events,
        },
    },
};
export default meta;
export const Primary = {
    args: {
        variant: 'primary',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Secondary = {
    args: {
        variant: 'secondary',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Negative = {
    args: {
        variant: 'negative',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const NegativeQuiet = {
    args: {
        variant: 'negativeQuiet',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Utility = {
    args: {
        variant: 'utility',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const UtilityQuiet = {
    args: {
        variant: 'utilityQuiet',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Quiet = {
    args: {
        variant: 'quiet',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Overlay = {
    args: {
        variant: 'overlay',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const OverlayInverted = {
    args: {
        variant: 'overlayInverted',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const OverlayQuiet = {
    args: {
        variant: 'overlayQuiet',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const OverlayInvertedQuiet = {
    args: {
        variant: 'overlayInvertedQuiet',
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const Small = {
    args: {
        variant: 'primary',
        small: true,
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
};
export const FullWidth = {
    args: {
        variant: 'primary',
        'full-width': true,
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
    render(args) {
        return html `
      <div class="w-full flex flex-col gap-8">
        <w-link ${spread(prespread(args))}>Full width</w-link>
      </div>
    `;
    },
};
