import React from 'react';
import { Badge } from './react';
export default {
    title: 'Layout/Badge',
    component: Badge,
    render(args) {
        return React.createElement(Badge, { ...args }, "Badge Text");
    },
};
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 (React.createElement("div", { style: {
                position: 'relative',
                width: '200px',
                height: '100px',
                background: '#f0f0f0',
                borderRadius: '8px',
            } },
            React.createElement(Badge, { ...args }, "Badge")));
    },
};
