mnoga che sdelal

src/renderer/components/Login/AuthForm.tsx

@@ -4,6 +4,7 @@ import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import GradientTextField from '../GradientTextField';
 import GradientVisibilityToggleIcon from '../../assets/Icons/GradientVisibilityToggleIcon'
+import { useNavigate } from 'react-router-dom'
 
 interface AuthFormProps {
   config: {
@@ -16,6 +17,7 @@ interface AuthFormProps {
 
 const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
   const [showPassword, setShowPassword] = useState(false);
+  const navigate = useNavigate();
   return (
     <Box
       sx={{
@@ -92,6 +94,33 @@ const AuthForm = ({ config, handleInputChange, onLogin }: AuthFormProps) => {
       }}>
         Войти
       </Button>
+      <Box
+        sx={{
+        display: 'flex',
+        justifyContent: 'flex-end',
+      }}
+      >
+        <Typography
+          onClick={() => navigate('/registration')}
+          sx={{
+            fontFamily: 'Benzin-Bold',
+            fontSize: '1vw',
+            textTransform: 'uppercase',
+            letterSpacing: '0.08em',
+            cursor: 'pointer',
+            backgroundImage:
+            'linear-gradient(71deg, #F27121 0%, #E940CD 60%, #8A2387 100%)',
+            WebkitBackgroundClip: 'text',
+            WebkitTextFillColor: 'transparent',
+            textShadow: '0 0 15px rgba(0,0,0,0.9)',
+            '&:hover': {
+              opacity: 1,
+            },
+            }}
+          >
+          Зарегистрироваться
+        </Typography>
+      </Box>
     </Box>
   );
 };