Placeholder Logo

1import type { ComponentProps } from "react";
2 
3import { IconPlaceholder } from "@/registry/icons/icon-placeholder";
4import { cn } from "@/lib/utils";
5 
6export function PlaceholderLogo({
7  className,
8  onlyIcon = false,
9  ...props
10}: ComponentProps<typeof IconPlaceholder> & { onlyIcon?: boolean }) {
11  const icon = (
12    <IconPlaceholder
13      lucide="Bolt"
14      tabler="IconBolt"
15      hugeicons="ZapIcon"
16      phosphor="LightningIcon"
17      remixicon="RiSpeedLine"
18      className={cn("size-6 shrink-0 text-primary", className)}
19      {...props}
20    />
21  );
22 
23  if (onlyIcon) {
24    return icon;
25  }
26 
27  return (
28    <div className="flex shrink-0 items-center gap-1">
29      {icon}
30      <span className="text-sm font-medium text-nowrap text-primary">Acme Inc.</span>
31    </div>
32  );
33}