kirukib
cb404ec079
Some checks failed
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Has been cancelled
Centralize primary, secondary, tertiary, and neutral tokens and apply them across theme variables and UI components. Co-authored-by: Cursor <cursoragent@cursor.com>
29 lines
694 B
TypeScript
29 lines
694 B
TypeScript
import { cn } from "@/lib/utils";
|
|
|
|
type Props = {
|
|
className?: string;
|
|
size?: "sm" | "md" | "lg";
|
|
};
|
|
|
|
const sizeClasses = {
|
|
sm: "h-12 min-w-[100px] px-4 text-xs",
|
|
md: "h-16 min-w-[140px] px-6 text-sm",
|
|
lg: "h-20 min-w-[180px] px-8 text-base",
|
|
};
|
|
|
|
export function PartnerLogoPlaceholder({ className, size = "md" }: Props) {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"flex items-center justify-center rounded-xl border-2 border-dashed border-[#30614c]/25 bg-[#fafafa]",
|
|
"font-semibold uppercase tracking-wide text-[#30614c]/45",
|
|
sizeClasses[size],
|
|
className
|
|
)}
|
|
aria-label="Partner logo placeholder"
|
|
>
|
|
Your logo here
|
|
</div>
|
|
);
|
|
}
|