edit.js

export default function Edit(props) {
    const {attributes, setAttributes} = props
    const UnitSelector = () => {
        const updateUnits = (val) => {
            setAttributes({units: val});
        }
        return (
            <TextControl
                label={__('Enter Units', 'blocks-for-weatherlink')}
                help={__('Knots, MPH, KPH', 'blocks-for-weatherlink')}
                type="text"
                value={attributes.units}
                onChange={updateUnits}
            />
        )
    }
    return (
        <div {...useBlockProps()}>
            <InspectorControls>
                <Panel header={__('Weatherlink Settings', 'blocks-for-weatherlink')}>
                    <PanelBody title={__('Units', 'blocks-for-weatherlink')} initialOpen={true}>
                        <UnitSelector/>
                    </PanelBody>
                </Panel>
            </InspectorControls>
            <p> DUMMY OUTPUT </p>
        </div>
    );
}