@momentum-ui/react/src/lib/TopbarRight/index.js

Cisco Momentum UI framework for ReactJs applications

/** @component topbar */

import React from 'react';
import PropTypes from 'prop-types';
import { prefix } from '../utils/index';

class TopbarRight extends React.PureComponent {
  render() {
    const {
      className,
      children,
      ...otherProps
    } = this.props;

    return (
      <div
        className={
          `${prefix}-top-bar__right` +
          `${className && ` ${className}` || ''}`
        }
        {...otherProps}
      >
        {children}
      </div>
    );
  }
}

TopbarRight.propTypes = {
  /** @prop Children node to render inside of TopbarRight | null */
  children: PropTypes.node,
  /** @prop Optional CSS class string | '' */
  className: PropTypes.string,
};

TopbarRight.defaultProps = {
  children: null,
  className: '',
};

TopbarRight.displayName = 'TopbarRight';

export default TopbarRight;