Dropdowns

import { DropdownMenuAlign } from "@hedia/windfall/css/dropdowns";
import { dropdown, dropdownButton, dropdownMenu } from "@hedia/windfall/html/dropdowns";
import { menuDivider, menuLink } from "@hedia/windfall/html/menus";

dropdown(
	dropdownButton({ dataTarget: "#menu1" }, "Options"),
	dropdownMenu(
		{
			align: DropdownMenuAlign.Left,
			id: "menu1",
		},
		menuLink({ href: "#" }, "Link 1"),
		menuLink({ href: "#" }, "Link 2"),
		menuLink({ href: "#" }, "Link 3"),
		menuLink({ href: "#" }, "Link 4"),
		menuDivider(),
		menuLink({ href: "#" }, "Link 5"),
	),
),
dropdown(
	dropdownButton({ dataTarget: "#menu2" }, "Options"),
	dropdownMenu(
		{
			align: DropdownMenuAlign.Right,
			id: "menu2",
		},
		menuLink({ href: "#" }, "Link 1"),
		menuLink({ href: "#" }, "Link 2"),
	),
),