function LearnMore()

in beta/src/components/MDX/MDXComponents.tsx [81:112]


function LearnMore({
  children,
  path,
}: {
  title: string;
  path?: string;
  children: any;
}) {
  return (
    <>
      <section className="p-8 mt-16 mb-16 flex flex-row shadow-inner justify-between items-center bg-card dark:bg-card-dark rounded-lg">
        <div className="flex-col">
          <h2 className="text-primary dark:text-primary-dark font-bold text-2xl leading-tight">
            이 주제를 배울 준비가 되었나요?
          </h2>
          {children}
          {path ? (
            <ButtonLink
              className="mt-1"
              label="더 읽어보기"
              href={path}
              type="primary">
              더 읽어보기
              <IconNavArrow displayDirection="right" className="inline ml-1" />
            </ButtonLink>
          ) : null}
        </div>
      </section>
      <hr className="border-border dark:border-border-dark mb-14" />
    </>
  );
}