import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cn } from "../../lib/utils";
export function SetupStepHeader({ icon: Icon, title, description, titleAs: Title = "h2", className, iconTileClassName, iconClassName, titleClassName, descriptionClassName, }) {
    return (_jsxs("div", { className: cn("flex flex-col items-center text-center", className), children: [_jsx("div", { className: cn("bg-neutral-grey-5 mb-8 flex size-24 items-center justify-center rounded-xl", iconTileClassName), children: _jsx(Icon, { className: cn("text-neutral-grey-100 h-12 w-12", iconClassName), strokeWidth: 1 }) }), _jsx(Title, { className: cn("text-neutral-grey-100 mb-4 text-3xl font-medium tracking-tight", titleClassName), children: title }), description ? (_jsx("p", { className: cn("text-neutral-grey-50 max-w-md leading-relaxed", descriptionClassName), children: description })) : null] }));
}
//# sourceMappingURL=SetupStepHeader.js.map