import React from 'react'

const teacher = 'teacher';
const student = 'student';

const isTeacher = (userType) => {
    return userType === teacher;
}

const isStudent = (userType) => {
    return userType === student;
}

const user = {
    type: teacher,
    name: 'Teacher Person'
}

export const Component = (props) => {
    return(
        <div>
            // No constants
            { (user.type === 'teacher')
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
            // With open constants
            { (user.type === teacher)
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
            // With abstracted constants
            { (isTeacher(user))
                ? <div>Teacher view</div>
                : <div>Student view</div>
            }
        </div>
    )
}

export default Component