ibm-streams/src/webviews/configureImageBuild/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 = ({ bundleName, setIsInfoModalOpen }) => {
  return (
    <div className="header-container--flex">
      <h1 className="header-container__header">
        {`Configure edge application image build for ${bundleName}`}
      </h1>
      <Button
        hasIconOnly
        kind="ghost"
        renderIcon={InfoIcon16}
        iconDescription="Show edge application image build details"
        tooltipAlignment="center"
        tooltipPosition="bottom"
        onClick={() => setIsInfoModalOpen(true)}
        className="header-container__info-button"
      />
    </div>
  );
};

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

export default HeaderContainer;