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

Opinionated design system for Drivy's projects.

import { jsx, jsxs } from "react/jsx-runtime";
import { Dialog } from "@ark-ui/react";
import { CloseIcon } from "../Icon/index.js";
const ModalHeader = ({ title, close })=>{
    if (!title && !close) return null;
    return /*#__PURE__*/ jsxs("div", {
        className: "cobalt-modal-header",
        children: [
            /*#__PURE__*/ jsx(Dialog.Title, {
                className: "cobalt-modal-header__title",
                children: title
            }),
            close && /*#__PURE__*/ jsx("button", {
                type: "button",
                className: "cobalt-modal-header__close-button",
                onClick: close,
                children: /*#__PURE__*/ jsx("span", {
                    "aria-hidden": true,
                    children: /*#__PURE__*/ jsx(CloseIcon, {
                        color: "onSurfaceVariant"
                    })
                })
            })
        ]
    });
};
const Modal_ModalHeader = ModalHeader;
export default Modal_ModalHeader;

//# sourceMappingURL=ModalHeader.js.map