"use client"
import { TripsImage } from '@/assets/svg'
import { metaTitles } from '@/components/metaData/metaTitles'
import { CustomCard } from '@/components/ui/cards'
import CustomImage from '@/components/ui/miscellaneous/CustomImage'
import { H6 } from '@/components/ui/typography'
import { useTranslations } from 'next-intl'
import React from 'react'

const TripsCard = ({hiddenTitle}:{hiddenTitle?:boolean}) => {
    const t = useTranslations()
    return (
        <div className='w-full'>
            <CustomCard className='lg:w-[288px] h-[234px] border-none shadow-lg p-4'>
                <CustomImage pageTitle={metaTitles?.solutionsGeolocalisationMeta_Title} loading="eager" src={TripsImage} alt="vehicle-trip" className={"w-full h-full object-cover"} />
            </CustomCard>
            {!hiddenTitle && <H6 className='mt-5 text-nowrap'>{t("Vehicle routes")}</H6>}
        </div>
    )
}

export default TripsCard