import React from 'react';
import { Link } from './react';
export default {
    title: 'Buttons/Link',
    render(args) {
        return React.createElement(Link, { ...args }, "Link Button Text");
    },
    component: Link,
};
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',
        fullWidth: true,
        href: 'http://developer.mozilla.org',
        target: '_new',
    },
    render(args) {
        return (React.createElement("div", { className: "w-full flex flex-col gap-8" },
            React.createElement(Link, { ...args }, "Full width")));
    },
};
