import Clickable from '~/src/components/Clickable';
import Text from '~/src/components/Text';
import { useI18n } from '~/src/lib/i18n';

export const NextButton = ({
  testId,
  isDisabled,
  onClick,
}: {
  testId?: string;
  isDisabled?: boolean;
  onClick: () => void;
}) => {
  const { t } = useI18n('app');

  return (
    <Clickable
      isDisabled={isDisabled}
      testId={testId}
      onClick={() => onClick()}
    >
      <Text isBold size="1.4rem">
        {t('actions.next')}
      </Text>
    </Clickable>
  );
};