"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.OnboardDialogContent = OnboardDialogContent;
exports.OnboardDialogHeader = OnboardDialogHeader;
exports.OnboardDialogTitle = OnboardDialogTitle;
exports.OnboardDialogIcon = OnboardDialogIcon;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../../lib/utils");
const dialog_1 = require("../../../components/ui/dialog");
function OnboardDialogContent({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)(dialog_1.DialogContent, { "data-slot": "onboard-dialog-content", showCloseButton: false, className: (0, utils_1.cn)('[data-radix-dialog-close] w-full max-w-[640px] p-12 sm:min-w-[640px]', className), ...props }));
}
function OnboardDialogHeader({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "onboard-dialog-header", className: (0, utils_1.cn)('flex flex-row justify-between', className), ...props }));
}
function OnboardDialogTitle({ upperTitle, title, className, ...props }) {
    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "onboard-dialog-title", className: (0, utils_1.cn)('flex flex-col gap-8', className), ...props, children: [(0, jsx_runtime_1.jsx)("p", { className: "text-muted-foreground text-base font-medium", children: upperTitle }), (0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "text-muted-foreground text-4xl font-bold", children: title })] }));
}
function OnboardDialogIcon({ className, children, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "onboard-dialog-icon", className: (0, utils_1.cn)('flex items-center px-12', className), ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "shrink-0", children: children }) }));
}
