const SimpleCard = ({
  heading,
  content,
  color,
}: {
  heading: string;
  content: string;
  color: string;
}) => (
  <div className={`flex flex-col gap-3 px-6 py-10 rounded-lg ${color}`}>
    <h4 className="text-xl font-semibold">{heading}</h4>
    <h5>{content}</h5>
  </div>
);

export default SimpleCard;
