UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

14 lines 892 B
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