import React from "react";

type Props = {
  icon: React.ReactNode;
  title: string;
  description: string;
  className?: string;
};

export default function RentalFeatureCard({ icon, title, description, className }: Props) {
  return (
    <div className={`flex gap-4 py-4 px-6 bg-[#F1F5F9] rounded-xl ${className ?? ""}`}>
      <div className="mt-1">{icon}</div>
      <div>
        <h4 className="text-xl font-semibold">{title}</h4>
        <p className="mt-2 text-[#45556C] text-lg">{description}</p>
      </div>
    </div>
  );
}