import {LearnMoreLink} from '@common/admin/settings/learn-more-link';
import {useContext} from 'react';
import {SiteConfigContext} from '@common/core/settings/site-config-context';

interface Props {
  className?: string;
  hash?: string;
}
export function ChannelsDocsLink({className, hash}: Props) {
  const {admin} = useContext(SiteConfigContext);
  if (!admin?.channelsDocsLink) return null;
  const link = hash
    ? `${admin.channelsDocsLink}#${hash}`
    : admin.channelsDocsLink;
  return <LearnMoreLink link={link} className={className} />;
}