components/TmaCard.tsx

import React from 'react';

interface TmaCardProps {
  title: string;
  description?: string;
  children: React.ReactNode;
}

export default function TmaCard({ title, description, children }: TmaCardProps) {
  return (
    <div className="bg-white rounded-xl shadow-sm border border-tg-border p-5 mb-4">
      <h3 className="text-lg font-bold text-tg-text mb-2">{title}</h3>
          {description && <p className="text-sm text-tg-textSecondary mb-4">{description}</p>}
      <div className="space-y-3">
        {children}
      </div>
    </div>
  );
}