'use client';

import { ChevronLeft } from 'lucide-react';
import { useTranslations } from 'next-intl';

export function MobileDetailBackButton({ onClick }: { onClick: () => void }) {
  const t = useTranslations('common');

  return (
    <button
      type="button"
      onClick={onClick}
      className="lg:hidden inline-flex items-center gap-1 text-sm text-primary hover:opacity-90 mb-3"
    >
      <ChevronLeft className="h-4 w-4 icon-flat" />
      {t('back')}
    </button>
  );
}
