ibm-streams/src/webviews/cloudPakForDataJob/resources/components/HeaderContainer.js

IBM Streams Support for Visual Studio Code

import InfoIcon16 from '@carbon/icons-react/es/information/16';
import Button from 'carbon-components-react/es/components/Button';
import PropTypes from 'prop-types';
import React from 'react';

const HeaderContainer = ({ panelTitle, setIsInfoModalOpen }) => {
  return (
    <div className="header-container--flex">
      <h1 className="header-container__header">{panelTitle}</h1>
      <Button
        hasIconOnly
        kind="ghost"
        renderIcon={InfoIcon16}
        iconDescription="Show details"
        tooltipAlignment="center"
        tooltipPosition="bottom"
        onClick={() => setIsInfoModalOpen(true)}
        className="header-container__info-button"
      />
    </div>
  );
};

HeaderContainer.propTypes = {
  panelTitle: PropTypes.string.isRequired,
  setIsInfoModalOpen: PropTypes.func.isRequired
};

export default HeaderContainer;