import React from 'react'
interface trustBuilding{
    src : string
    text : string
    imgSize : string
    textSize : string
}


export default function TrustBuildingComponent(props: trustBuilding) {
  return (
    <div className='flex size-56 max-desktop-l:size-40 max-Wide-mobile-xs:size-28  flex-col justify-center items-center gap-2'>
      <img src={props.src} alt="logo" className={`max-desktop-l:size-16 max-laptop-sl:size-12 size-${props.imgSize}`}/>
      <p className={`max-desktop-l:text-sm max-Wide-mobile-xs:text-[8px] max-laptop-sl:text-xs text-center text-${props.textSize} dark:text-neutral-400 text-neutral-600 font-semibold`}>{props.text}</p>
    </div>
  )
}
