import React from "react";
import { cn } from "../../../../@/lib/utils";

export interface ProfileSidebarListProps {
  listItems: React.ReactNode;
  title: string;
  containerClassName?: string;
}
const ProfileSidebarList = ({
  listItems,
  title,
  containerClassName,
}: ProfileSidebarListProps) => {
  return (
    <div className={cn("flex flex-col items-start gap-6", containerClassName)}>
      <p className="text-xl text-gray-900 font-semibold">{title}</p>
      <div className="w-full divide-y divide-gray-200">{listItems}</div>
    </div>
  );
};

export { ProfileSidebarList };
