import React, { FC } from 'react';
import { Button, ButtonProps } from '@chakra-ui/react';
import { useTranslation } from 'react-i18next';

export const SubmitButton: FC<ButtonProps> = (props) => {
  const { t } = useTranslation('~', {
    keyPrefix: 'dry-wash.order-create.form.submit-button',
  });

  return (
    <Button type='submit' colorScheme='primary' borderRadius={50} paddingInline={8} {...props}>
      {t('label')}
    </Button>
  );
};
