import * as React from 'react';
import { Text, View } from '@react-pdf/renderer';

import { styles } from '../styles';

export function Section(props: {
  title: string;
  children: React.ReactNode;
  boxed?: boolean;
}): React.ReactElement {
  const boxed = props.boxed ?? true;
  return (
    <View style={boxed ? styles.section : styles.sectionPlain}>
      <Text style={styles.sectionTitle}>{props.title}</Text>
      {props.children}
    </View>
  );
}
