'use client';

import { ArrowLeft } from 'iconsax-react';
import { useRouter } from 'next/navigation';
import { useTranslation } from 'react-i18next';

export const CheckoutHeader = () => {
    const { t } = useTranslation('parallels', { keyPrefix: 'OrderDetail' });
    const router = useRouter();

    return (
        <div className='grid grid-cols-3 items-center py-4 '>
            <span></span>
            <h1 className='text-sm2 place-self-center font-medium'>{t("Heading")}</h1>
            <ArrowLeft
                className='cursor-pointer place-self-end'
                size='24'
                color='currentColor'
                onClick={() => { router.back() }}
            />
        </div>
    );
};

