design-react-kit
Version:
Componenti React per Bootstrap 5
16 lines • 957 B
JavaScript
import classNames from 'classnames';
import React from 'react';
import { Icon } from '../Icon/Icon';
import { mapToCssModules } from '../utils';
export const ModalHeader = ({ icon, className, children, toggle, tag: Tag = 'h2', wrapTag: WrapTag = 'div', closeAriaLabel = 'Close', close, cssModule, ...props }) => {
const classes = mapToCssModules(classNames(className, 'modal-header'), cssModule);
let CloseButton;
if (!close && toggle) {
CloseButton = (React.createElement("button", { type: 'button', onClick: toggle, className: mapToCssModules('btn-close', cssModule), "aria-label": closeAriaLabel }));
}
return (React.createElement(WrapTag, { ...props, className: classes },
icon != null ? React.createElement(Icon, { icon: icon }) : null,
React.createElement(Tag, { className: mapToCssModules('modal-title h5', cssModule) }, children),
close || CloseButton));
};
//# sourceMappingURL=ModalHeader.js.map