ar.badieiandCursor
c2376b3b9e
Build & Push Docker Image / build (push) Has been cancelled
Refresh the homepage around new hero/services/roadmap sections, shared design tokens, and updated brand assets. Co-authored-by: Cursor <cursoragent@cursor.com>
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import { Icon } from "@iconify/react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface LogoItemProps {
|
|
icon: string;
|
|
alt: string;
|
|
size?: "sm" | "md" | "lg";
|
|
className?: string;
|
|
iconClassName?: string;
|
|
}
|
|
|
|
const iconSizeMap = {
|
|
sm: "size-6",
|
|
md: "size-7",
|
|
lg: "size-8",
|
|
};
|
|
|
|
const tileSizeMap = {
|
|
sm: "size-12",
|
|
md: "size-14",
|
|
lg: "size-16",
|
|
};
|
|
|
|
export function LogoItem({
|
|
icon,
|
|
alt,
|
|
size = "md",
|
|
className,
|
|
iconClassName,
|
|
}: LogoItemProps) {
|
|
return (
|
|
<div className={cn("flex items-center justify-center", className)}>
|
|
<div
|
|
className={cn(
|
|
"flex items-center justify-center rounded-xl border border-surface bg-card shadow-glow-sm transition-[border-color,box-shadow,transform] duration-200",
|
|
"hover:-translate-y-0.5 hover:border-primary/30 hover:shadow-glow-primary",
|
|
"dark:bg-card dark:hover:border-primary/40",
|
|
tileSizeMap[size]
|
|
)}
|
|
>
|
|
<Icon
|
|
icon={icon}
|
|
className={cn("shrink-0", iconSizeMap[size], iconClassName)}
|
|
aria-label={alt}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|