inventid/pedeffy

import React from 'react';
import PropTypes from 'prop-types';
import { StyleSheet, Text, View } from '@react-pdf/renderer';

const styles = StyleSheet.create({
    item: {
        flexDirection: 'row',
        marginBottom: 5,
    },
    bulletPoint: {
        width: 10,
        fontSize: 10,
    },
    itemContent: {
        flex: 1,
        fontSize: 10,
        fontFamily: 'Lato',
    },
});

const List = ({ children }) => children;

export const Item = ({ children }) => (
    <View style={styles.item}>
        <Text style={styles.bulletPoint}>•</Text>
        <Text style={styles.itemContent}>{children}</Text>
    </View>
);

List.propTypes = {
    children: PropTypes.node.isRequired,
};

Item.propTypes = {
    children: PropTypes.node.isRequired,
};

export default List;