"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StepperItemSkeleton = exports.StepperContent = void 0;
exports.Stepper = Stepper;
exports.StepperItem = StepperItem;
exports.StepperItemNumber = StepperItemNumber;
exports.StepperItemText = StepperItemText;
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../../lib/utils");
const lucide_react_1 = require("lucide-react");
const skeleton_1 = require("../skeleton");
function Stepper({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper", className: (0, utils_1.cn)('stepper', className), ...props }));
}
function StepperItem({ className, active = false, complete = false, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item", "data-active": active, "data-complete": complete, className: (0, utils_1.cn)('stepper-item group', className), ...props }));
}
function StepperItemNumber({ className, ...props }) {
    return ((0, jsx_runtime_1.jsx)("div", { "data-slot": "stepper-item-number", className: (0, utils_1.cn)('stepper-item-number', className), ...props }));
}
function StepperItemText({ className, title, description, ...props }) {
    return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "stepper-item-text", className: (0, utils_1.cn)('stepper-item-text', className), ...props, children: [(0, jsx_runtime_1.jsxs)("div", { className: "stepper-item-title", children: [(0, jsx_runtime_1.jsx)("p", { children: title }), (0, jsx_runtime_1.jsx)(lucide_react_1.CircleCheck, { className: "stepper-item-icon", width: 16, height: 16 })] }), description && (0, jsx_runtime_1.jsx)("p", { className: "stepper-item-description", children: description })] }));
}
const StepperContent = ({ active, children }) => {
    return active ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;
};
exports.StepperContent = StepperContent;
const StepperItemSkeleton = () => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-3", children: [(0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "bg-muted h-8 w-8 rounded-full" }), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "bg-muted h-5 w-32" })] }));
exports.StepperItemSkeleton = StepperItemSkeleton;
