@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.
31 lines (30 loc) • 1.17 kB
JavaScript
"use client";
import React from "react";
import cx from "clsx";
import CarrierLogo from "../../CarrierLogo";
const BadgePrimitive = ({
icon,
children,
ariaLabel,
dataTest,
id,
carriers,
className
}) => {
const isCarrier = carriers && carriers.length > 0;
return /*#__PURE__*/React.createElement("div", {
className: cx(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.createElement(CarrierLogo, {
carriers: carriers,
rounded: true,
size: "medium"
}), icon && /*#__PURE__*/React.createElement("div", {
className: cx("[&>svg]:h-icon-small [&>svg]:w-icon-small flex shrink-0", Boolean(children) && "me-xxs")
}, icon), /*#__PURE__*/React.createElement("div", {
className: cx("py-xxs px-0 leading-none", isCarrier && "ms-md")
}, children));
};
export default BadgePrimitive;