26 lines
903 B
JavaScript
26 lines
903 B
JavaScript
import PCard from "./project-card";
|
|
|
|
export default function ProjectCardBlock({ title, cards }) {
|
|
return (
|
|
<div className="p-2 space-y-4">
|
|
<div className="p-2 rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
|
<p className="sm:text-xl text-lg text-center text-werefox-blue-dark dark:text-werefox-blue">
|
|
{title}
|
|
</p>
|
|
</div>
|
|
<ul className="p-4 space-y-4 rounded-lg ring-2 ring-werefox-grey dark:ring-werefox-grey-darker bg-werefox-grey-lighter dark:bg-werefox-grey-dark">
|
|
{Object.keys(cards).map((card) => (
|
|
<PCard
|
|
key={card}
|
|
title={card}
|
|
url={cards[card].url}
|
|
src={cards[card].src}
|
|
alt={cards[card].alt}
|
|
description={cards[card].description}
|
|
/>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|