import React from 'react'

interface StepsProps {
    src: string;
    alt: string;
    title: string;
    titleColor: string;
    description: string;
}

export function Steps({  
        src,
        alt,
        title,
        titleColor,
        description
        }: StepsProps) {
  return (
    <div className='step-card flex flex-col'>
        <div className={`w-38 h-38 rounded-full flex items-center justify-center mx-auto mb-4`}>
            <img src={src} alt={alt} className="object-cover rounded-full" />
        </div>
        <h6 style={{ color: titleColor }} className="font-bold">{title}</h6>
        <p className="mt-2 text-base">{description}</p>
    </div>
  )
}
export default Steps