text: import React from 'react';
  import PropTypes from 'prop-types';
  import {
      titleStyle,
      subtitleStyle,
      headerStyle,
      container,
      videoStyle,
  } from './Styles';
  
  const FullHeader = ({
      title,
      subtitle,
      bgColor,
      textColor,
      font,
      bgImg,
      video,
  }) => {
      const headerStyleCombine = {
          ...headerStyle,
          backgroundColor: bgColor,
          backgroundImage: `url(${bgImg})`,
          color: textColor,
          fontFamily: font,
      };
  
      const component = (
          <header style={headerStyleCombine}>
              <div style={container}>
                  {title && <h1 style={titleStyle}>{title}</h1>}
                  {subtitle && <h2 style={subtitleStyle}>{subtitle}</h2>}
              </div>
              {video && (
                  <video style={videoStyle} autoPlay muted loop src={video} />
              )}
          </header>
      );
  
      return component;
  };
  
  const propTypes = {
      title: PropTypes.string,
      subtitle: PropTypes.string,
      bgColor: PropTypes.string,
      textColor: PropTypes.string,
      font: PropTypes.string,
      bgImg: PropTypes.string,
  };
  
  const defaultProps = {
      bgColor: '#ccc',
      textColor: '#fff',
      font: 'sans-serif',
      bgImg: '',
  };
  
  FullHeader.propTypes = propTypes;
  FullHeader.defaultProps = defaultProps;
  
  export default FullHeader;
  