one-product-system-7.jsx

import {
  Button,
  Caption,
  HStack,
  Link,
  TextField,
  VStack,
} from '@class101/oui';

const EmailLoginForm = () => (
  <form>
    <VStack spacing={16} mb={4}>
      <TextField
        name="email"
        type="email"
        label="이메일"
        placeholder="example@naver.com"
      />
      <TextField
        name="password"
        type="password"
        label="비밀번호"
        placeholder="********"
      />
    </VStack>
    <HStack spacing="between" mb={4} my={8}>
      <Link to="/reset-password">
        <Caption level={2} color="gray.600">
          비밀번호를 잊으셨나요?
        </Caption>
      </Link>
      <Link to="/sign-up">
        <Caption level={2} color="gray.600">
          회원 가입하기
        </Caption>
      </Link>
    </HStack>
    <Button kind="primary" size="lg" full>
      로그인
    </Button>
  </form>
);

export default EmailLoginForm;