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

Opinionated design system for Drivy's projects.

import React from 'react';
import cx from 'classnames';

const ChipWrapper = (props) => {
    if (props.onClick) {
        return (React.createElement("button", { ...props, type: "button", disabled: props.disabled }, props.children));
    }
    else {
        return React.createElement("div", { ...props }, props.children);
    }
};
const Chip = ({ onClick, text, image, size, disabled, active, }) => {
    return (React.createElement(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,
        }) },
        React.createElement("div", { className: "cobalt-Chip__Content" },
            React.createElement("div", { className: "cobalt-Chip__Image", style: { backgroundImage: `url(${image})` } }),
            React.createElement("div", { className: "cobalt-Chip__Text" }, text))));
};

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