ar-design/dist/components/data-display/chip/index.js

AR Design is a (react | nextjs) ui library.

"use client";
import React from "react";
import "../../../assets/css/components/data-display/chip/chip.css";
import Utils from "../../../libs/infrastructure/shared/Utils";
const Chip = ({ variant = "outlined", status = "primary", border = { radius: "sm" }, text, icon, }) => {
    let _chipClassName = ["ar-chip"];
    _chipClassName.push(...Utils.GetClassName(variant, status, border, undefined, undefined, undefined));
    return (React.createElement("div", { className: _chipClassName.map((c) => c).join(" ") },
        icon?.element && React.createElement("span", null, icon?.element),
        React.createElement("span", null, text)));
};
export default Chip;