import { h, JSX } from "preact";

export interface IListProps {
   clickable?: boolean;
   divider?: boolean;
}

export default function List({
   clickable,
   divider,
   className,
   children,
   ...props
}: JSX.HTMLAttributes<HTMLUListElement> & IListProps) {
   let cl = "ht-list ";
   if (clickable) cl += "ht-list-clickable ";

   if (divider) cl += "ht-list-divider ";

   cl += className;

   return (
      <ul className={className} {...props}>
         {children}
      </ul>
   );
}