import { useTranslations } from "next-intl" // استخدم useTranslations للـ client side

export default function CustomButtonSelect() {
  const t = useTranslations();

  return (
    <div>
            <select className="block appearance-none w-full bg-gray-200 border border-gray-200 text-gray-700 py-3 px-4 pr-8 rounded leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="grid-state">
          <option>{t('New Mexico')}</option>
          <option>{t('Missouri')}</option>
          <option>{t('Texas')}</option>
        </select>
    </div>
  )
}