import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ArrowLeft } from "lucide-react";
import { Button } from "../../components/ui/button";
import { cn } from "../../lib/utils";
import { SetupStepHeader } from "./SetupStepHeader";
export function SetupStepLayout({ icon, title, description, titleAs, header, children, contentFooter, footer, className, contentClassName, bodyClassName, headerClassName, iconTileClassName, iconClassName, titleClassName, descriptionClassName, }) {
    const defaultHeader = icon && title ? (_jsx(SetupStepHeader, { icon: icon, title: title, description: description, titleAs: titleAs, className: cn("mb-8 shrink-0", headerClassName), iconTileClassName: iconTileClassName, iconClassName: iconClassName, titleClassName: titleClassName, descriptionClassName: descriptionClassName })) : null;
    return (_jsxs("div", { className: cn("flex w-full flex-col overflow-hidden", className), children: [_jsxs("div", { className: cn("mx-auto flex min-h-0 w-full max-w-xl flex-1 flex-col px-10 pt-10", contentClassName), children: [header ?? defaultHeader, children !== undefined ? (_jsx("div", { className: cn("min-h-0 flex-1 overflow-x-hidden overflow-y-auto px-1 py-2 pb-4", bodyClassName), children: children })) : null, contentFooter] }), footer] }));
}
export function SetupStepFooter({ children, className }) {
    return (_jsx("div", { className: cn("border-border-default mt-auto flex w-full shrink-0 items-center gap-3 border-t p-3", className), children: children }));
}
export function SetupStepBackButton({ onClick, disabled, label = "Back", }) {
    return (_jsxs(Button, { variant: "ghost", size: "lg", onClick: onClick, disabled: disabled, children: [_jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }), label] }));
}
//# sourceMappingURL=SetupStepLayout.js.map