@kopexa/chip
Version:
A Chip is a small block of essential information that represent an input, attribute, or action.
37 lines (34 loc) • 795 B
JavaScript
"use client";
// src/standard-chip.tsx
import { standardChip } from "@kopexa/theme";
import { jsx, jsxs } from "react/jsx-runtime";
var StandardChip = (props) => {
const {
className,
size,
radius,
color,
variant,
standard: standardProp,
...rest
} = props;
let standard = standardProp;
if (standardChip.variants.standard[standardProp]) {
standard = standardProp;
}
const styles = standardChip({
size,
radius,
color,
variant,
className,
standard
});
return /* @__PURE__ */ jsxs("div", { className: styles.root(), ...rest, children: [
/* @__PURE__ */ jsx("span", { className: styles.hexagon() }),
/* @__PURE__ */ jsx("span", { className: styles.content(), children: standard })
] });
};
export {
StandardChip
};