import { IconAddCircle } from '@tencentcloud/uikit-base-component-react';
import cs from 'classnames';
import styles from './ConversationCreateButton.module.scss';
import type { ConversationCreateButtonProps } from '../../../../types/conversation';

export const ConversationCreateButton = (props: ConversationCreateButtonProps) => {
  const {
    visible = true,
    className,
    onClick,
  } = props;

  if (!visible) {
    return null;
  }

  return (
    <IconAddCircle
      className={cs(
        styles.conversationCreateButton,
        className)}
      onClick={onClick}
      size="24px"
    />
  );
};

export default ConversationCreateButton;