@drivy/cobalt/components/Chip/index.js

Opinionated design system for Drivy's projects.

import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
const ChipWrapper = (props)=>{
    if (props.onClick) return /*#__PURE__*/ jsx("button", {
        ...props,
        type: "button",
        disabled: props.disabled,
        children: props.children
    });
    return /*#__PURE__*/ jsx("div", {
        ...props,
        children: props.children
    });
};
const Chip = ({ onClick, text, image, size, disabled, active })=>/*#__PURE__*/ jsx(ChipWrapper, {
        onClick: onClick,
        disabled: disabled,
        className: classnames("cobalt-Chip", {
            "cobalt-Chip--large": "large" === size,
            "cobalt-Chip--disabled": disabled,
            "cobalt-Chip--interactive": !!onClick,
            "cobalt-Chip--active": active
        }),
        children: /*#__PURE__*/ jsxs("div", {
            className: "cobalt-Chip__Content",
            children: [
                /*#__PURE__*/ jsx("div", {
                    className: "cobalt-Chip__Image",
                    style: {
                        backgroundImage: `url(${image})`
                    }
                }),
                /*#__PURE__*/ jsx("div", {
                    className: "cobalt-Chip__Text",
                    children: text
                })
            ]
        })
    });
export { Chip };

//# sourceMappingURL=index.js.map