import { InspectorAdvancedControls } from '@wordpress/block-editor';
import HTMLAnchor from '../../../components/html-anchor';
import TagName from './TagName';
import BlockLabel from '../../../extend/inspector-control/controls/block-label';
export default ( props ) => {
const {
attributes,
setAttributes,
filterTagName,
} = props;
return (
<InspectorAdvancedControls>
<HTMLAnchor { ...props } />
<TagName
filterTagName={ filterTagName }
tagName={ attributes.tagName }
onChange={ ( value ) => setAttributes( { tagName: filterTagName( value ) } ) }
/>
{ ! attributes.isQueryLoopItem &&
<BlockLabel
value={ attributes.blockLabel }
onChange={ ( blockLabel ) => setAttributes( { blockLabel } ) }
/>
}
</InspectorAdvancedControls>
);
};