<div class="dropdown @CssDirection @(IsOpen ? "is-active" : default)">
	<div class="dropdown-trigger">
		@DropdownTrigger
	</div>
	<div class="dropdown-menu min-w-full pt-2" id="dropdown-menu6" role="menu">
		<div class="dropdown-content text-right background neomorph is-nxsmall rounded-lg">
			@DropdownContent
		</div>
	</div>
</div>

@code {
	[Parameter] public RenderFragment DropdownTrigger { get; set; }
	[Parameter] public RenderFragment DropdownContent { get; set; }
	[Parameter] public bool IsOpen { get; set; } = false;
	[Parameter] public string CssDirection { get; set; } = "is-right";

	void OpenCloseOptions()
	{
		IsOpen = !IsOpen;
	}

}
