import { ReactNode } from "react";

function ListItem({
  title,
  children,
  className = "",
}: {
  title: string | ReactNode;
  children: React.ReactNode;
  className?: string;
  np?: boolean;
}) {
  return (
    <div
      className={`${className} uikit-flex uikit-items-center uikit-justify-between uikit-gap-[8px] uikit-py-[14px]`}
    >
      <div className={`uikit-text-sm uikit-text-t3`}>{title}</div>
      <div
        className={`uikit-text-sm uikit-text-t1 uikit-max-w-[60%] uikit-items-center uikit-overflow-hidden`}
      >
        {children}
      </div>
    </div>
  );
}

export default ListItem;
