{$i18n.t('Description')}

</div>
</div>

<div class="flex flex-col w-full mt-2">
	<div class=" mb-1 text-xs text-gray-500">{$i18n.t('Setting')}</div>

<div>
		<div class=" flex w-full justify-between">
			<div class=" self-center text-xs">
				{$i18n.t('Allow Group Sharing')}
			</div>

<div class="flex items-center gap-2 p-1">
				<Switch
					tooltip={true}
					state={data?.config?.share ?? true}
					on:change={(e) => {
						if (data?.config?.share) {
							data.config.share = e.detail;
						} else {
							data.config = { ...(data?.config ?? {}), share: e.detail };
						}
					}}
				/>
			</div>
		</div>
	</div>
</div>

{#if edit}
	<div class="flex flex-col w-full mt-2">
		<div class=" mb-0.5 text-xs text-gray-500">{$i18n.t('Actions')}</div>

<div class="flex-1">
			<button
				class="text-xs bg-transparent hover:underline cursor-pointer"
				type="button"
				on:click={() => onDelete()}
			>
				{$i18n.t('Delete')}
			</button>
		</div>
	</div>
{/if}