Lists

import { checkmarkOutlineIcon, chevRightOutlineIcon, mailOutlineIcon, userOutlineIcon } from "@hedia/iconly/outline";
import { TextColor } from "@hedia/windfall/css/text";
import { navigationList, navigationListItem } from "@hedia/windfall/html/lists";
import { text } from "@hedia/windfall/html/text";

navigationList(
	navigationListItem({ href: "#", text: "Privacy notice" }),
	navigationListItem({ href: "#", text: "Terms and conditions" }),
),
navigationList(
	navigationListItem({
		href: "#",
		text: "Change name",
		leadingIcon: userOutlineIcon(),
		trailingIcon: chevRightOutlineIcon(),
	}),
	navigationListItem({
		href: "#",
		text: "Change email address",
		leadingIcon: mailOutlineIcon(),
		trailingIcon: chevRightOutlineIcon(),
	}),
),
navigationList(
	navigationListItem({ href: "#", text: "Dansk" }),
	navigationListItem({
		href: "#",
		text: "English",
		trailingIcon: text({ color: TextColor.Green }, checkmarkOutlineIcon()),
	}),
	navigationListItem({ href: "#", text: "Français" }),
),

import { descriptionDetails, descriptionList, descriptionTerm } from "@hedia/windfall/html/lists";

descriptionList(
	descriptionTerm("Full name"),
	descriptionDetails("Margot Foster"),
	descriptionTerm("Application for"),
	descriptionDetails("Backend Developer"),
	descriptionTerm("Email address"),
	descriptionDetails("margotfoster@example.com"),
	descriptionTerm("Salary expectation"),
	descriptionDetails("$120,000"),
	descriptionTerm("About"),
	descriptionDetails(
		"Fugiat ipsum ipsum deserunt culpa aute sint do nostrud anim incididunt cillum culpa consequat. Excepteur qui ipsum aliquip consequat sint. Sit id mollit nulla mollit nostrud in ea officia proident. Irure nostrud pariatur mollit ad adipisicing reprehenderit deserunt qui eu.",
	),
),