@page "/settings"
@inherits LocalizableComponentBase
<Title>@Localizer["Settings"]</Title>

<section class="block relative w-full h-full neomorphInset is-nxsmall rounded-xl">

	<div class="flex flex-col space-y-4 p-4 md:p-5 w-full h-full absolute overflow-y-auto">

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-cog text-xl"></i> <span>@Localizer["General"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-person text-xl"></i> <span>@Localizer["Profile"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-archive text-xl"></i> <span>@Localizer["Data import/export"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</InnerContent>
		</OpenDownContainer>

		<OpenDownContainer>
			<TitleChildren>
				<p class="inline-flex items-center space-x-2">
					<i class="ion-md-eye-off text-xl"></i> <span>@Localizer["Mutes/Blocks"]</span>
				</p>
			</TitleChildren>
			<InnerContent>
				<div class="block w-full p-3 md:p-4">
					<p class="w-full text-center text-lg">
						<i class="ion-ios-remove-circle-outline"></i> @Localizer["Empty"]
					</p>
				</div>
			</InnerContent>
		</OpenDownContainer>

	</div>

</section>

@code {
	[CascadingParameter] CascadingState CascadingState { get; set; }
}