UNPKG

@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
"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 };