<div className={`${styles.step} ${styles.step2}`} active={(step === 2 ? "true": "false")}>
<div className={styles.top}>
<div className={styles.name}>
<p>Название</p>
<span>{fileName}</span>
</div>
<div className={styles.size}>
<p>Размер</p>
<span>{fileSize} кб.</span>
</div>
</div>
{ errors.file ? <><label className={styles.send} errors="true" htmlFor={id}>Загрузить</label><input type="file" onInput={ onInputCallBack } id={id} {...register('file')}/></> : <input className={styles.send} type="submit" value="Отправить" errors=""/> }
<div className={styles.alert}>{ errors.file ? errors.file.message : "" }</div>
</div>