import React from 'react'

interface ToolTipAttrInt {
    tooltip: string;
    handlePropertyChange: (changeTo: string, changeWith: string | boolean | number) => void;
}

const ToolTipAttr: React.FC<ToolTipAttrInt> = ({ tooltip, handlePropertyChange }) => {
    return (
        <>
            <div className="flex flex-col">
                <label className='font-medium'>ToolTip</label>
                <input
                    value={tooltip}
                    onChange={(e) => handlePropertyChange('tooltip', e.target.value)}
                    type="text"
                    className="outline-none border-1 rounded px-2 py-1 border-slate-200" />
            </div>
        </>
    )
}

export default ToolTipAttr