import { jsx } from 'react/jsx-runtime';
import classNames from '../../_virtual/index.js';
import Typography from '../Typography/Typography.js';

const ModuleChip = ({ label = '', isActive = true, onClick = () => { }, isFilterChip = false, }) => {
    const chipType = isFilterChip ? 'filter' : 'module';
    return (jsx("div", { className: classNames('ff-module-chip', {
            'ff-filter-chip': isFilterChip,
            [`ff-${chipType}-chip--active`]: isActive,
            [`ff-${chipType}-chip--hover`]: !isActive,
        }), onClick: onClick, children: jsx(Typography, { lineHeight: "18px", className: "module-typography", children: label }) }));
};

export { ModuleChip as default };
//# sourceMappingURL=ModuleChip.js.map
