Files
Airframe-React/app/components/UncontrolledTabs/UncontrolledTabsNavLink.js
2019-08-15 00:54:44 +02:00

29 lines
722 B
JavaScript
Executable File

import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import _ from 'lodash';
import { NavLink } from 'reactstrap';
import { Consumer } from './context';
const UncontrolledTabsNavLink = (props) => (
<Consumer>
{
(value) => (
<NavLink
{ ..._.omit(props, ['tabId']) }
onClick={ () => { value.setActiveTabId(props.tabId) } }
className={ classNames({ active: props.tabId === value.activeTabId }) }
href="javascript:;"
/>
)
}
</Consumer>
);
UncontrolledTabsNavLink.propTypes = {
tabId: PropTypes.string.isRequired
};
export { UncontrolledTabsNavLink };