design-react-kit
Version:
Componenti React per Bootstrap 5
14 lines • 892 B
JavaScript
import classNames from 'classnames';
import React from 'react';
import { Icon } from '../Icon/Icon';
export const Dimmer = ({ icon, color, className, show = true, wrapperClassName, testId, ...attributes }) => {
const { children, ...rest } = attributes, classes = classNames('dimmer fade', { show: show }, wrapperClassName === true ? className : wrapperClassName, {
[`dimmer-${color}`]: color
}), innerClasses = classNames('dimmer-inner', className), dimmerIcon = icon && (React.createElement("div", { className: 'dimmer-icon' },
React.createElement(Icon, { icon: icon })));
return (React.createElement("div", { className: classes, ...rest, "data-testid": testId, "aria-hidden": show ? undefined : true },
React.createElement("div", { className: innerClasses, ...rest },
dimmerIcon,
children)));
};
//# sourceMappingURL=Dimmer.js.map