import React, { FC, ReactElement } from 'react';
import { Divider, Text } from '@fluentui/react-components';

export const Page: FC<{ title: string; content: ReactElement }> = ({ title, content }) => {
  return (
    <div className="flex flex-col gap-2 p-2 h-full">
      <Text size={600}>{title}</Text>
      <Divider style={{ flexGrow: 0 }} />
      {content}
    </div>
  );
};