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

Opinionated design system for Drivy's projects.

import { jsx, jsxs } from 'react/jsx-runtime';
import cx from 'classnames';

const ChipWrapper = (props) => {
    if (props.onClick) {
        return (jsx("button", { ...props, type: "button", disabled: props.disabled, children: props.children }));
    }
    else {
        return jsx("div", { ...props, children: props.children });
    }
};
const Chip = ({ onClick, text, image, size, disabled, active, }) => {
    return (jsx(ChipWrapper, { onClick: onClick, disabled: disabled, className: cx("cobalt-Chip", {
            "cobalt-Chip--large": size === "large",
            "cobalt-Chip--disabled": disabled,
            "cobalt-Chip--interactive": !!onClick,
            "cobalt-Chip--active": active,
        }), children: jsxs("div", { className: "cobalt-Chip__Content", children: [jsx("div", { className: "cobalt-Chip__Image", style: { backgroundImage: `url(${image})` } }), jsx("div", { className: "cobalt-Chip__Text", children: text })] }) }));
};

export { Chip };
//# sourceMappingURL=index.js.map