adwaita-web/dist/components/List.js

A GTK inspired toolkit designed to build awesome web apps

import cx from "clsx";
import React from "react";
function List({
  children,
  className,
  size = "medium",
  separators = true,
  horizontal,
  border = true,
  rounded,
  fill,
  rich,
  sidebar,
  sublist,
  grow,
  ...rest
}) {
  return /* @__PURE__ */ React.createElement("div", {
    className: cx("List", className, size, borderClass(border), typeof grow === "number" ? `grow-${grow}` : grow ? "grow" : void 0, {
      fill: fill === true,
      "fill-width": fill === "width",
      "fill-height": fill === "height"
    }, {
      separators,
      horizontal,
      rounded,
      rich,
      sublist,
      sidebar,
      "stack-sidebar": sidebar === "stack",
      "navigation-sidebar": sidebar === "navigation"
    }),
    ...rest
  }, children);
}
function borderClass(border) {
  if (border === false)
    return "border-none";
  if (border === true)
    return "border";
  if (typeof border === "string")
    return `border-${border}`;
  if (Array.isArray(border))
    return border.map(borderClass).join(" ");
  return void 0;
}
export {
  List
};