@amsterdam/bmi-component-library/es/common/src/Modal/ModalTopBar/ModalTopBar.js

A React component library based on ASC and Material-UI aimed at repurposing and sharing components across BMI projects

import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Button,Icon,Divider}from"@amsterdam/asc-ui";import{Close}from"@amsterdam/asc-assets";import{ModalTopBarStyle,ModalTopBarTruncatedStyle}from"./ModalTopBarStyles";const ModalTopBar=({hideCloseButton=false,hideDivider=true,onCloseButton,children})=>{const renderCloseButton=()=>{if(hideCloseButton){return null}return _jsx(Button,{type:"button","data-testid":"modal-close-button",size:26,onClick:evt=>{if(typeof onCloseButton!=="undefined"){onCloseButton(evt)}},variant:"blank",children:_jsx(Icon,{size:26,children:_jsx(Close,{})})})};return _jsxs(ModalTopBarStyle,{"data-testid":"modal-top-bar",hideDivider:hideDivider,children:[_jsx(ModalTopBarTruncatedStyle,{children:children}),renderCloseButton(),_jsx(Divider,{})]})};export default ModalTopBar;
//# sourceMappingURL=ModalTopBar.js.map