"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Tag", {
    enumerable: true,
    get: function() {
        return Tag;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _css = require("../utils/css");
const _classvarianceauthority = require("class-variance-authority");
const tagVariants = (0, _classvarianceauthority.cva)([
    "orderly-rounded-sm",
    "orderly-px-2",
    "orderly-text-4xs",
    "orderly-inline-block",
    "orderly-flex",
    "orderly-items-center",
    "orderly-justify-center"
], {
    variants: {
        size: {
            small: "orderly-h-[16px]",
            default: "orderly-h-[18px]"
        },
        color: {
            primary: "orderly-bg-primary/[.15] orderly-text-primary",
            //   secondary: "bg-secondary text-white",
            // success: "bg-success text-white",
            // danger: "bg-danger text-white",
            // warning: "bg-warning text-white",
            // info: "bg-info text-white",
            buy: "orderly-bg-trade-profit/[.15] orderly-text-trade-profit",
            sell: "orderly-bg-trade-loss/[.15] orderly-text-trade-loss"
        }
    },
    defaultVariants: {
        size: "default",
        color: "primary"
    }
});
const Tag = ({ className, size, color, children, ...props })=>{
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        ...props,
        className: (0, _css.cn)("orderly-tag", tagVariants({
            size,
            color
        }), className),
        children: children
    });
};

//# sourceMappingURL=tag.js.map