29 lines
690 B
TypeScript
29 lines
690 B
TypeScript
import { MarkCardI } from '@/lib/markcard/card'
|
|
import MarkCard from './MarkCard'
|
|
import React from 'react'
|
|
|
|
interface CardGridProps {
|
|
cards: MarkCardI[]
|
|
canEdit: boolean
|
|
baseUrl: string
|
|
onEdit?: (id: string, origin: MarkCardI) => void
|
|
}
|
|
|
|
export default function MarkCardGrid({ cards, onEdit, baseUrl, canEdit}: CardGridProps) {
|
|
return (
|
|
<div>
|
|
{cards && <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
|
{cards.map((card) => (
|
|
<MarkCard
|
|
key={card.id}
|
|
card={card}
|
|
baseUrl={baseUrl}
|
|
canEdit={canEdit}
|
|
onEdit={onEdit}
|
|
/>
|
|
))}
|
|
</div>}
|
|
</div>
|
|
)
|
|
}
|