import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useMemo } from "react";
import { Plus } from "lucide-react";
import { Button } from "./ui/button";
/**
 * Full-height workspace home / empty state: a randomly picked slogan as the
 * headline and a single card-style call-to-action button below it.
 */
export function WorkspaceHomeView({ slogans, actionLabel, onAction, testId, actionTestId, }) {
    const slogan = useMemo(() => slogans[Math.floor(Math.random() * slogans.length)] ?? slogans[0], [slogans]);
    return (_jsx("div", { className: "bg-neutral-grey-5 flex h-full min-h-[420px] w-full items-center justify-center px-6 py-10", "data-testid": testId, children: _jsxs("div", { className: "flex w-full max-w-[560px] flex-col items-center text-center", children: [_jsx("h1", { className: "text-neutral-grey-100 text-5xl leading-tight font-medium tracking-normal", children: slogan }), _jsxs(Button, { type: "button", variant: "outline", className: "border-border-default hover:border-neutral-grey-15 group active:bg-neutral-grey-5 mt-12 flex h-[134px] w-full max-w-[300px] flex-col items-center justify-center gap-4 rounded-md bg-white px-6 text-base font-medium shadow-none transition-all duration-150 hover:bg-white active:translate-y-px active:scale-[0.985] active:shadow-inner", onClick: () => onAction?.(), disabled: !onAction, "data-testid": actionTestId, children: [_jsx("span", { className: "bg-neutral-grey-5 text-neutral-grey-100 group-hover:bg-neutral-grey-10 flex size-11 items-center justify-center rounded-md transition-colors duration-150", children: _jsx(Plus, { className: "size-6", strokeWidth: 1.5 }) }), _jsx("span", { children: actionLabel })] })] }) }));
}
//# sourceMappingURL=WorkspaceHomeView.js.map