import Side from '@/components/layout/AuthLayout/Side';
import React from 'react';
import SignInForm from './SignInForm';
import { useTranslation } from 'react-i18next';
import { Card } from '@/components/ui';

const SignIn = () => {
  const { t } = useTranslation();

  return (
    <Side>
      <Card className="max-w-[500px] mx-auto lg:min-w-[500px] p-4  ">
        <div className="mb-8">
          <h3 className="mb-1">{t('WELCOME_BACK')}</h3>
          <p>{t('Please enter your credentials')}</p>
        </div>
        <SignInForm disableSubmit={false} />
      </Card>
    </Side>
  );
};

export default SignIn;
