import * as _ from 'lodash'; import * as React from 'react'; import { Link } from 'react-router-dom'; import { colors } from 'ts/utils/colors'; const DEFAULT_STYLE = { color: colors.darkestGrey, }; interface TopBarMenuItemProps { title: string; path?: string; isPrimary?: boolean; style?: React.CSSProperties; className?: string; isNightVersion?: boolean; } interface TopBarMenuItemState {} export class TopBarMenuItem extends React.Component { public static defaultProps: Partial = { isPrimary: false, style: DEFAULT_STYLE, className: '', isNightVersion: false, }; public render() { const primaryStyles = this.props.isPrimary ? { borderRadius: 4, border: `1px solid ${this.props.isNightVersion ? colors.grey : colors.greyishPink}`, marginTop: 15, paddingLeft: 9, paddingRight: 9, width: 77, } : {}; const menuItemColor = this.props.isNightVersion ? 'white' : this.props.style.color; const linkColor = _.isUndefined(menuItemColor) ? colors.darkestGrey : menuItemColor; return (
{this.props.title}
); } }