import React from 'react';

import { styled } from 'styled-components';

const Input = ({ placeholder, inputPw, inputType, register,id }) => {
    return (
        <Wrap>
            <InputBox
                placeholder={placeholder}
                pw={inputPw}
                type="password"
                id={id}
                {...register(id)}
            />
        </Wrap>
    );
};

export default Input;

const Wrap = styled.div`
    & input:focus {
        border-color: #00626B;
        outline: none;
    }
`;

const InputBox = styled.input`
    height: 45px;
    width: 300px;
    border: 1px solid #E1E3ED;
    padding-left: 20px;
    color: #2C2C2C;
    font-size: 16px;
`;