/**
 * Inspector — maps to [movie_engine_user_menu] attributes.
 */
import { PanelBody, TextControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';

export default function UserMenuInspector({ attributes, setAttributes }) {
	const { customClass } = attributes;

	return (
		<PanelBody title={__('User menu', 'cine-movie-engine')} initialOpen={true}>
			<TextControl
				label={__('Extra CSS class', 'cine-movie-engine')}
				value={customClass}
				onChange={(v) => setAttributes({ customClass: v || '' })}
				help={__(
					'Added to the guest menu or logged-in menu wrapper. Use for header alignment or spacing.',
					'cine-movie-engine'
				)}
			/>
		</PanelBody>
	);
}
