import LabeledInput from '@/components/labeled-input';
import { Button } from '@/components/ui/button';

export default function LoginForm() {
  return (
    <form className='flex flex-col gap-5 w-full'>
      <LabeledInput
        type='email'
        label='E-Mail or Username'
        placeholder='What you are known as.'
        name='email'
      />
      <LabeledInput
        type='password'
        label='Password'
        placeholder="Let's hope you remember it."
        name='password'
      />
      <Button
        className='hover:bg-blue-600 hover:text-white'
        type='submit'
        variant='secondary'
      >
        Login
      </Button>
    </form>
  );
}
