import React from 'react';

interface CardProps {
  title: string;
  children: React.ReactNode;
}

export function Card({ title, children }: CardProps): JSX.Element {
  return (
    <div className="w-full bg-white shadow rounded-lg">
      <div className="px-6 py-4 border-b">
        <h2 className="text-lg font-medium">{title}</h2>
      </div>
      <div className="px-6 py-4 flex flex-col gap-4">{children}</div>
    </div>
  );
}