import type { ManifestPropertyEditorUi } from '@umbraco-cms/backoffice/extension-registry';

export const manifest: ManifestPropertyEditorUi = {
	type: 'propertyEditorUi',
	alias: 'Umb.PropertyEditorUi.Dropdown',
	name: 'Dropdown Property Editor UI',
	js: () => import('./property-editor-ui-dropdown.element.js'),
	meta: {
		label: 'Dropdown',
		propertyEditorSchemaAlias: 'Umbraco.DropDown.Flexible',
		icon: 'icon-time',
		group: 'pickers',
		settings: {
			properties: [
				{
					alias: 'multiple',
					label: 'Enable multiple choice',
					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
				},
				{
					alias: 'items',
					label: 'Add options',
					propertyEditorUiAlias: 'Umb.PropertyEditorUi.MultipleTextString',
				},
			],
		},
	},
};
