'use client';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ImagePlus } from 'lucide-react';
export function LogoPlaceholder({ tone, label }) {
    if (tone === 'login') {
        return (_jsx("span", { role: "img", "aria-label": "Logo placeholder", title: "Add a logo in Settings \u2192 Appearance", className: "mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-lg border border-dashed border-gray-300 text-gray-400", children: _jsx(ImagePlus, { className: "h-6 w-6", "aria-hidden": "true" }) }));
    }
    const slot = (_jsx("span", { className: "border-sidebar-border text-sidebar-foreground/50 inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-md border border-dashed", role: label ? undefined : 'img', "aria-hidden": label ? true : undefined, "aria-label": label ? undefined : 'Logo placeholder', title: "Add a logo in Settings \u2192 Appearance", children: _jsx(ImagePlus, { size: 16, "aria-hidden": "true" }) }));
    if (!label)
        return slot;
    return (_jsxs("div", { className: "flex min-w-0 items-center gap-2.5", children: [slot, _jsx("span", { className: "text-sidebar-foreground truncate text-sm font-medium", children: label })] }));
}
//# sourceMappingURL=LogoPlaceholder.js.map