32 lines
650 B
TypeScript
32 lines
650 B
TypeScript
type PreviewItem = {
|
|
title: string;
|
|
image: string;
|
|
};
|
|
|
|
type props = {
|
|
items?: PreviewItem[];
|
|
};
|
|
|
|
export function ProjectPreviewGrid({ items = [] }: props) {
|
|
return (
|
|
<div className="grid gap-6 2xl:grid-cols-2 2xl:space-x-6">
|
|
{items.map((item) => (
|
|
<div
|
|
key={item.title}
|
|
className="rounded-[10px] overflow-hidden bg-brand-brown text-white min-h-65 flex items-center justify-center"
|
|
>
|
|
{item.image ? (
|
|
<img
|
|
src={item.image}
|
|
alt={item.title}
|
|
className="h-full w-full object-cover"
|
|
/>
|
|
) : (
|
|
<span className="text-2xl">{item.title}</span>
|
|
)}
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
}
|