// Copyright 2017-2022 @polkadot/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0

import type { HeaderProps } from './types';

import React from 'react';
import styled from 'styled-components';

function Header ({ children, className }: HeaderProps): React.ReactElement {
  return (
    <div className={className}>
      {children}
    </div>
  );
}

export default React.memo(styled(Header)`
  text-transform: uppercase;
  font-size: 0.714rem;
  line-height: 0.857rem;

  margin-bottom: 0.3rem;
`);