'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;
