import { Typography } from "@/components/ui";

import { ViewAll, ViewAllProps } from "..";

import styles from "./ChatItemsListHeader.module.scss";

interface ChatItemsListHeaderProps {
  title: string;
  viewAllProps: ViewAllProps;
  isVisibleViewAll?: boolean;
}

export default function ChatItemsListHeader({
  title,
  viewAllProps,
  isVisibleViewAll = true,
}: ChatItemsListHeaderProps) {
  return (
    <div className={styles.chatItemsListHeader}>
      <Typography className={styles.title} as="h3" size="lg" weight="bold">
        {title}
      </Typography>
      {isVisibleViewAll && <ViewAll {...viewAllProps} />}
    </div>
  );
}