import { jsx as _jsx } from "react/jsx-runtime";
import './ModuleChip.scss';
import classNames from 'classnames';
import Typography from '../Typography';
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 default ModuleChip;
//# sourceMappingURL=ModuleChip.js.map