class FilterDisplay extends Filter {
    constructor (props) {
        super(props);
    }

    render() {
        console.log(this.fieldOptions); // this doesn't work
        return (
            <div className="filter">

            </div>
        )
    }
}

class Filter extends React.Component {
    constructor (props) {
        super(props);
        this.fieldOptions = [
            { Text: "Employee Status", Value: 1 },
            { Text: "Original Hire Date", Value: 2 },
            { Text: "Termination Date", Value: 3 },
            { Text: "Pay Periods Per Year", Value: 4 },
            { Text: "City", Value: 5 },
            { Text: "State", Value: 6 },
            { Text: "Zip", Value: 7 },
            { Text: "Country", Value: 8 },
            { Text: "Payroll Group", Value: 9 },
            { Text: "Employee Classification", Value: 10 },
            { Text: "Annual Base Rate", Value: 11 },
            { Text: "IsActivated", Value: 12 },
            { Text: "Purchase Program Eligibility", Value: 13 },
            { Text: "Wellness Program Eligibility", Value: 14 },
            { Text: "Company Branch", Value: 15 }
        ];

        this.operationOptions = [
            { Text: "Equal to", Value: 1 },
            { Text: "Not Equal to", Value: 2 },
            { Text: "Greater Than", Value: 3 },
            { Text: "Less Than", Value: 4 },
            { Text: "Greater Than or Equal To", Value: 5 },
            { Text: "Less Than or Equal To", Value: 6 },
            { Text: "In", Value: 7 },
            { Text: "Between", Value: 8 }
        ];
    }
}