Security

import { useState } from 'react';
import { Input, Button, Checkbox, FormGroup } from '@cleen/cleen-components';
import { useAuth } from '@/hooks/useAuth';

export function LoginPage() {
  const { login, loading } = useAuth();
  const [email, setEmail]       = useState('');
  const [password, setPassword] = useState('');
  const [remember, setRemember] = useState(true);

  const onSubmit = (e) => {
    e.preventDefault();
    login({ email, password, remember });
  };

  return (
    <form className="auth-card" onSubmit={onSubmit}>
      <h1>Sign in</h1>
      <FormGroup label="Email">
        <Input type="email" value={email} onChange={setEmail} required />
      </FormGroup>
      <FormGroup label="Password">
        <Input type="password" value={password} onChange={setPassword} required />
      </FormGroup>
      <Checkbox checked={remember} onChange={setRemember}>Remember me</Checkbox>
      <Button type="submit" variant="primary" loading={loading} block>Sign in</Button>
    </form>
  );
}