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

Opinionated design system for Drivy's projects.

import React from 'react';
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 (React.createElement("div", { className: "cobalt-modal-header" },
        React.createElement(Dialog.Title, { className: "cobalt-modal-header__title" }, title),
        close && (React.createElement("button", { type: "button", className: "cobalt-modal-header__close-button", onClick: close },
            React.createElement("span", { "aria-hidden": true },
                React.createElement(CloseIcon, { color: "onSurfaceVariant" }))))));
};

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