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;
  minPresenceAhead?: number;
}): React.ReactElement {
  const boxed = props.boxed ?? true;
  return (
    <View style={styles.section} minPresenceAhead={props.minPresenceAhead}>
      <Text style={styles.sectionTitle}>{props.title}</Text>
      <View style={styles.sectionAccent} />
      {props.children}
    </View>
  );
}