@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
36 lines (35 loc) • 1.53 kB
JavaScript
;
"use client";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _clsx = _interopRequireDefault(require("clsx"));
var _CarrierLogo = _interopRequireDefault(require("../../CarrierLogo"));
const BadgePrimitive = ({
icon,
children,
ariaLabel,
dataTest,
id,
carriers,
className
}) => {
const isCarrier = carriers && carriers.length > 0;
return /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)(className, "orbit-badge-primitive", "font-base text-small font-medium leading-[14px]", "inline-flex shrink-0 grow-0 basis-auto items-center justify-center", "rounded-badge min-h-icon-medium relative box-border", "px-xs py-0", "[&>.orbit-carrier-logo]:absolute [&>.orbit-carrier-logo]:start-0"),
id: id,
"data-test": dataTest,
"aria-label": ariaLabel
}, carriers && /*#__PURE__*/_react.default.createElement(_CarrierLogo.default, {
carriers: carriers,
rounded: true,
size: "medium"
}), icon && /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)("[&>svg]:h-icon-small [&>svg]:w-icon-small flex shrink-0", Boolean(children) && "me-xxs")
}, icon), /*#__PURE__*/_react.default.createElement("div", {
className: (0, _clsx.default)("py-xxs px-0 leading-none", isCarrier && "ms-md")
}, children));
};
var _default = BadgePrimitive;
exports.default = _default;