import {Popup, Button} from '@antmjs/vantui';
import {Input, View} from '@tarojs/components';
import classNames from 'classnames';

export default function Login({visible, onClose}) {
  return (
    <Popup
      show={visible}
      position='bottom'
      closeable
      round
      className='px-4 py-5 !pb-10'
      onClose={onClose}
    >
      <View className='pt-9'>
        <Input
          className={classNames(
            'border border-gray-300 border-solid rounded-lg',
            'p-2 text-sm',
          )}
          placeholder='请输入用户名'
        />

        <Input
          className={classNames(
            'border border-gray-300 border-solid rounded-lg',
            'p-2 mt-4 text-sm',
          )}
          placeholder='请输入密码'
          password
        />
        <View className='mt-12'>
          <Button
            className='py-4 !border-none !text-base !h-12 !rounded-md'
            block
            color='#58C6EA'
          >
            登录
          </Button>
        </View>
      </View>
    </Popup>
  );
}
