import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { X } from "lucide-react";
export const ConfirmHeader = (props)=>{
    return /*#__PURE__*/ _jsxs("div", {
        className: "orderly-pb-3 orderly-border-b orderly-border-divider orderly-relative",
        children: [
            /*#__PURE__*/ _jsx("div", {
                className: "orderly-text-xl",
                children: props.title
            }),
            /*#__PURE__*/ _jsx("button", {
                onClick: props.onClose,
                className: "orderly-absolute orderly-right-0 orderly-top-0 orderly-text-base-contrast-54 hover:orderly-text-base-contrast-80 orderly-p-2",
                children: /*#__PURE__*/ _jsx(X, {
                    size: 18
                })
            })
        ]
    });
};

//# sourceMappingURL=confirmHeader.js.map