import { useRouter } from 'next/navigation';

import { ChevronLeftIcon } from '@/icons';

import Button, { ButtonShape, ButtonSize, ButtonVariant } from './Button';

interface NavigationButtonsProps {
  onBackClick?: () => void;
}

const NavigationButtons: React.FC<NavigationButtonsProps> = ({
  onBackClick,
}) => {
  const router = useRouter();

  const handleBackClick = () => {
    if (onBackClick) {
      onBackClick();
    } else {
      router.back();
    }
  };

  return (
    <div className='flex space-x-2'>
      <Button
        onClick={handleBackClick}
        variant={ButtonVariant.Glass}
        size={ButtonSize.Mini}
        shape={ButtonShape.Pill}
        icon={ChevronLeftIcon}
        aria-label='Back'
      />
    </div>
  );
};

export default NavigationButtons;