import { memo } from 'react';

import './Input.css';

/**
 * @typedef {Object} InputProps
 * @property {string} name
 * @property {string} value
 * @property {string=} placeholder
 * @property {React.CSSProperties=} rest
 */

/**
 * Input component
 * @param {InputProps} props
 */
function Input({ name, value, ...rest }) {
    return (
        <input className="input" name={name} value={value} {...rest} />
    );
}

export default memo(Input);