import cs from 'classnames';
import styles from './ConversationListHeader.module.scss';
import type { ConversationListHeaderProps } from '../../../types/conversation';

export function ConversationListHeader(props: ConversationListHeaderProps) {
  const {
    children,
    left,
    right,
    className,
    style,
  } = props;

  return (
    <div
      className={cs(
        styles.conversationListHeader,
        className,
      )}
      style={style}
    >
      {left && <div className={styles.conversationListHeader__left}>{left}</div>}
      {children}
      {right && <div className={styles.conversationListHeader__right}>{right}</div>}
    </div>
  );
}

export default ConversationListHeader;