text: import { Title } from 'bloomer';
  import PropTypes from 'prop-types';
  import React from 'react';
  import styled from 'styled-components';
  
  const StyledTitle = styled(Title)`
    color: #254a61 !important;
    margin-bottom: 1rem !important;
    font-size: 58px !important;
    font-weight: 'bold';
    font-family: 'Lato-Black', sans-serif !important;
  `;
  
  const _H2 = (props) => (
    <StyledTitle isSize={2} tag={'h2'}>
      {props.children}
    </StyledTitle>
  );
  
  _H2.propTypes = {
    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
  };
  
  export { _H2 as H2Blue };
  