interface Props{
    CardImg: string;
    CardTitle: string;
    CardPrice: string;
}

export function ServiceCard (props: Props) {
    return(
        <div className="border rounded-md overflow-hidden shadow-md w-44 m-2 min-h-72">
            <img src={props.CardImg} alt={props.CardPrice} className="w-full h-40 object-cover" />
            <div className="p-4">
                <h3 className="text-lg font-semibold">{props.CardTitle}</h3>
                <div className="flex items-center justify-between mt-2">
                    <p className="text-orange-500 text-lg font-semibold">{props.CardPrice}</p>
                    <span className="text-xl text-black text-right">{'>'}</span>
                </div>
            </div>
        </div>
    )
}