import React from 'react';
import { Typography } from '@material-ui/core';

const Header = ({
  title = 'Dashboard Financial',
  bgColor = 'main-color',
  height = 78,
  style = {},
}) => {
  return (
    <>
      <div
        className={bgColor}
        style={{
          height,
          display: 'flex',
          alignItems: 'center',
          paddingLeft: 20,
          ...style.header,
        }}
      >
        <Typography style={{ fontSize: '16px', color: 'white' }}>
          {title}
        </Typography>
      </div>
    </>
  );
};

export default Header;