@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 } from '../Icon/index.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(Dialog.CloseTrigger, { className: "cobalt-modal-header__close-button" },
            React.createElement("span", { "aria-hidden": true },
                React.createElement(Icon, { source: "close", color: "subdued" }))))));
};

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