import React from 'react';

import RGFilter from './RGFilter';

// import rgLogo from '../../theme/raumgleiter_logo_black.svg';

export default function RGHeader({
  // parentPage,
  pageLabel,
  // burgerComponent,
  // searchComponent,
  projectLabel,
}: any) {
  const filter = [];
  if (projectLabel) {
    filter.push(
      <RGFilter
        label="Projekt"
        value={projectLabel}
      />,
    );
  }
  const rgLogo = require('../../theme/raumgleiter_logo_black.svg') as string;
  return (
    <div
      className="RGHeader"
    >
      <img
        className="RGLogo"
        src={rgLogo}
        alt="raumgleiter"
        draggable="false"
      />
      <h2>{pageLabel}</h2>
      { filter }
    </div>
  );
}