import React, { useState } from 'react'; import LockOutlinedIcon from '@mui/icons-material/LockOutlined'; import Button from '@mui/material/Button'; import { Container, CssBaseline, TextField, Avatar, Typography, FormControlLabel, Checkbox, Grid, Link } from '@mui/material'; import { Box } from '@mui/system'; const LoginForm = ({ onLogin }) => { const [login, setLogin] = useState(''); const [password, setPassword] = useState(''); const isButtonActive = login?.length > 3 && password?.length > 3; return ( Sign in setLogin(e.target.value)} /> setPassword(e.target.value)} /> } label="Remember me" /> Forgot password? {"Don't have an account? Sign Up"} ) } export { LoginForm };