burger-online

1
import {HideIcon, Input, ShowIcon} from '@ya.praktikum/react-developer-burger-ui-components'
2
import React from 'react'
3
import {TPasswordInput} from './types'
4

5
const PasswordInput: React.FC<TPasswordInput> = ({...props}) => {
6
  const [isVisible, setIsVisible] = React.useState(false)
7
  return (
8
    <div className='input'>
9
      <Input {...props} name='password' type={isVisible ? 'text' : 'password'} />
10
      <span onClick={() => setIsVisible(!isVisible)} className='icon-input'>
11
        {isVisible ? <HideIcon type='primary' /> : <ShowIcon type='primary' />}
12
      </span>
13
    </div>
14
  )
15
}
16

17
export default PasswordInput
18