import React, {FC, useState} from "react";
import {__} from "@/globals";
import AutoSizeInput from "react-input-autosize";

export type welcometopProps = {
}

export const Welcometop: FC<welcometopProps> = ({}) => {
    const [inputValue, setInputValue] = useState('');

    return false
    return <div className="pt-6 flex flex-col items-center">
        <div className="inline-flex items-center rounded-full px-4 py-2 bg-white/40 --border border-gray-100 ring-[1px] ring-offset-0 ring-gray-150 text-2x">
            <AutoSizeInput
                   type="text"
                   value={inputValue}
                   onChange={(e) => setInputValue(e.target.value)}
                   inputClassName="bg-transparent border-none shadow-none placeholder:text-opacity-50 text-gray-750 outline-none focus:outline-none"
                   placeholder="Name (New Year's Clearance Sale)"
                   extraWidth={10}
                   injectStyles={false}
                   minWidth={50}
            />
        </div>
        <p className="text-smaller-2 --opacity-50 px-6 py-1 text-gray-400">{__('Optional. Private.  Use for identifying offers in the admin.')}</p>
    </div>
}
