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