ConceptPortal-public/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx

'use client';

import AnimateFade from '@/components/wrap/AnimateFade';
import { useConceptOptions } from '@/context/ConceptOptionsContext';
import { HelpTopic } from '@/models/miscellaneous';
import TopicPage from '@/pages/ManualsPage/TopicPage';

interface ViewTopicProps {
  topic: HelpTopic;
}

function ViewTopic({ topic }: ViewTopicProps) {
  const { mainHeight } = useConceptOptions();
  return (
    <AnimateFade
      key={topic}
      className='py-2 px-6 mx-auto sm:mx-0 lg:px-12 overflow-y-auto'
      style={{ maxHeight: mainHeight }}
    >
      <TopicPage topic={topic} />
    </AnimateFade>
  );
}

export default ViewTopic;