import React from 'react'

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

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

export default LabelAttr