@drivy/cobalt/components/Modal/ModalHeader.js

Opinionated design system for Drivy's projects.

import { jsxs, jsx } from 'react/jsx-runtime';
import { Dialog } from '@ark-ui/react';
import '../Icon/index.js';
import CloseIcon from '../Icon/__generated__/CloseIcon.js';

const ModalHeader = ({ title, close, }) => {
    if (!title && !close)
        return null;
    return (jsxs("div", { className: "cobalt-modal-header", children: [jsx(Dialog.Title, { className: "cobalt-modal-header__title", children: title }), close && (jsx("button", { type: "button", className: "cobalt-modal-header__close-button", onClick: close, children: jsx("span", { "aria-hidden": true, children: jsx(CloseIcon, { color: "onSurfaceVariant" }) }) }))] }));
};

export { ModalHeader as default };
//# sourceMappingURL=ModalHeader.js.map