29 lines
876 B
TypeScript
29 lines
876 B
TypeScript
'use client';
|
||
import React, { Dispatch, FC, SetStateAction, useState } from 'react';
|
||
import styles from '@/components/ui/modal-exchange/ModalExchange.module.css';
|
||
|
||
interface INicknameInput {
|
||
nickname: string;
|
||
setNickname: Dispatch<SetStateAction<string>>;
|
||
}
|
||
|
||
const NicknameInput: FC<INicknameInput> = ({ nickname, setNickname }) => {
|
||
const handleChangeNickname = (e: React.ChangeEvent<HTMLInputElement>) => {
|
||
setNickname(e.target.value);
|
||
};
|
||
|
||
return (
|
||
<div className={styles.nickname}>
|
||
<span className={styles.nicknameTitle}>Укажите ваш профиль в Roblox</span>
|
||
<input
|
||
placeholder={'Ник в Roblox'}
|
||
type={'text'}
|
||
value={nickname}
|
||
onChange={handleChangeNickname}
|
||
/>
|
||
</div>
|
||
);
|
||
};
|
||
|
||
export default NicknameInput;
|