semillero-2-AI-ATS/components/DataCard.tsx

17 lines
468 B
TypeScript

import React from "react";
interface DataCardProps {
title: string;
description: string;
children?: React.ReactNode;
}
export function DataCard({ title, description, children }: DataCardProps) {
return (
<div className="bg-white p-6 rounded-lg shadow-sm border border-slate-50">
<h3 className="text-lg font-bold text-slate-900 mb-1">{title}</h3>
<p className="text-slate-600 text-sm mb-4">{description}</p>
{children}
</div>
);
}