import React from "react";
import { useThemeClass } from "../Theme";
import { getActiveClasses } from "../utility/active-classes";

interface Props {
  children: React.ReactNode;
  className?: string;
}

export default function ListContainer({ children, className }: Props) {
  const themeClass = useThemeClass();

  return (
    <ul className={getActiveClasses([className, themeClass])}>{children}</ul>
  );
}