@intility/bifrost-react
Version:
React library for Intility's design system, Bifrost.
83 lines • 1.83 kB
JavaScript
import { c as _c } from "react-compiler-runtime";
import { forwardRef } from "react";
import classnames from "classnames";
import { jsx as _jsx } from "react/jsx-runtime";
/**
* Clickable Tag - also see `<Badge>`
*
* @see https://bifrost.intility.com/react/tag
*/
const Tag = /*#__PURE__*/forwardRef((t0, ref) => {
const $ = _c(18);
let children;
let className;
let onClick;
let props;
let t1;
let t2;
if ($[0] !== t0) {
({
children,
className,
onClick,
active: t1,
variant: t2,
...props
} = t0);
$[0] = t0;
$[1] = children;
$[2] = className;
$[3] = onClick;
$[4] = props;
$[5] = t1;
$[6] = t2;
} else {
children = $[1];
className = $[2];
onClick = $[3];
props = $[4];
t1 = $[5];
t2 = $[6];
}
const active = t1 === undefined ? false : t1;
const variant = t2 === undefined ? "basic" : t2;
const t3 = variant === "compact";
const t4 = !active;
let t5;
if ($[7] !== active || $[8] !== className || $[9] !== t3 || $[10] !== t4) {
t5 = classnames("bf-tag", "bf-button", "bf-open-sans", className, {
"bf-tag-compact": t3,
"bf-button-filled": active,
"bf-button-neutral": t4
});
$[7] = active;
$[8] = className;
$[9] = t3;
$[10] = t4;
$[11] = t5;
} else {
t5 = $[11];
}
let t6;
if ($[12] !== children || $[13] !== onClick || $[14] !== props || $[15] !== ref || $[16] !== t5) {
t6 = /*#__PURE__*/_jsx("button", {
type: "button",
...props,
ref: ref,
className: t5,
onClick: onClick,
children: children
});
$[12] = children;
$[13] = onClick;
$[14] = props;
$[15] = ref;
$[16] = t5;
$[17] = t6;
} else {
t6 = $[17];
}
return t6;
});
Tag.displayName = "Tag";
export default Tag;