// Attributes: prefixStyle, dataStyle, dataSameLine, dataTableStyle, invisiblePrefixes

const blockStyles = {
    display: 'flex',
    justifyContent: 'space-between',
    flexDirection: 'column',
};

const defaultProfileLayout = {
    profile: {
        firstName: {
            dataSameLine: true,
            dataStyle: 'font-size: 30px; font-weight: bold; padding-right: 5px;',
            dataTableStyle: 'position: relative;',
        },
        lastName: {
            dataStyle: 'font-size: 30px; font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['firstName', 'lastName', 'email', 'status'],
    },
    backgroundColor: null,
};

const defaultContentLayout = {
    education: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['name'],
    },
    publication: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['name'],
        backgroundColor: null,
    },
    project: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        role: {
            dataStyle: 'font-style: italic;',
        },
        invisiblePrefixes: ['name', 'info', 'role'],
    },
    other: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        role: {
            dataStyle: 'font-style: italic;',
        },
        invisiblePrefixes: ['name', 'info', 'role'],
    },
    volunteer: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['name', 'info'],
    },
    awards: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['name'],
    },
    skills: {
        name: {
            dataStyle: 'font-weight: bold;',
            dataTableStyle: 'position: relative;',
        },
        invisiblePrefixes: ['name', 'info'],
    },
    titleStyles:{
        Color: '#007bff',
    },
    additionalBlockStyles: {
        padding: '5px',
        backgroundColor: 'lightblue',
        borderColor: '#ccc',
        borderRadius: '8px',
    },
};