Function CommunityButton

apps/web/ui/CommunityButton/index.tsx:16–40

({
  onClick,
  communityType,
  iconSize = '25',
  label = 'Connect to',
  fontSize = 'text-base',
}: CommunityButtonProps)

}

export default function CommunityButton({
  onClick,
  communityType,
  iconSize = '25',
  label = 'Connect to',
  fontSize = 'text-base',
}: CommunityButtonProps) {
  const Icon = communityType === 'discord' ? DiscordIcon : SlackIcon;

  return (
    <button
      aria-label={`${label}  ${capitalize(communityType)}`}
      className={classNames(styles.btn, fontSize)}
      type="button"
      onClick={() => onClick(communityType)}
    >
      <div className={styles.btnContent}>
        <Icon size={iconSize} />
        <p className={styles.whitespaceNowrap}>
          {label} <b>{capitalize(communityType)}</b>
        </p>
      </div>
    </button>
  );
}