hh-ui-components/dist/esm/components/Tag/index.js

import React from "react";
export var Tag = function (_a) {
    var label = _a.label, _b = _a.variant, variant = _b === void 0 ? "sale" : _b, size = _a.size, onClick = _a.onClick;
    var styling = buttonClasses.find(function (classes) {
        return classes.name === variant;
    });
    return (React.createElement("button", { className: "py-10 2xl:py-[0.694vw] px-[15px] 2xl:px-[1.042vw] text-graphite-500 text-[14px] 2xl:text-[0.972vw] leading-[15.4px] 2xl:leading-[1.069vw] uppercase text-center rounded-[3px] 2xl:rounded-[0.208vw] block w-full ".concat(styling === null || styling === void 0 ? void 0 : styling.style, " ").concat(size), onClick: onClick, "aria-label": "Button", type: "button" }, label));
};
export default Tag;
var buttonClasses = [
    {
        name: "sale",
        style: "bg-quaternary",
        size: "small"
    },
    {
        name: "soldout",
        style: "bg-white",
        size: ""
    },
];
//# sourceMappingURL=index.js.map