import type React from 'react';

import styles from './Input.module.scss';
import type { Input } from './InputHelper';

const InputElement: React.FC<Input> = ({
	disabled,
	id,
	label,
	type,
	placeholder,
	changeHandler,
	clickHandler,
	inputValue,
	classNameContainer
}: Input): JSX.Element => (
	<div className={styles.inputElementContainer}>
		<label htmlFor={id}>{label}</label>
		<input
			className={classNameContainer}
			disabled={disabled}
			id={id}
			onChange={changeHandler}
			onClick={clickHandler}
			placeholder={placeholder}
			type={type}
			value={inputValue}
		/>
	</div>
);

export default InputElement;