Page Comparison

npm install empower-display --save

import { NavTab } from 'empower-display';

..............

  let [configTab, setConfigTab] = useState({
        tabs: [
            { label: 'On Time', value: 'ON_TIME', status: 'ON_TIME' },
            { label: 'Tardy', value: 'TARDY', status: 'TARDY' },
            { label: 'On Leave', value: 'ON_LEAVE', status: null },
            { label: 'Not in Office', value: 'NOT_IN_OFFICE', status: '' }
        ],
        selected: 'ON_TIME'
    })
    
    /**
     * 
     * getActions - method that gets the value and data of the component
     */

    const getActions = (value, data) => {
        console.log('VALUE', value, data)
    }
    
..............

  return (
    <>
      <NavTab config={configTab} onChange={e => getActions(e, 'tab')} />
    </>
  )