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

interface HeaderProps {
  label: string;
}

function Header(props: HeaderProps) {
  return (
    <Container>
      <Text>{props.label}</Text>
    </Container>
  );
}

const Text = styled.span`
  border-bottom: 1px solid #feba30;
  color: #3a3630;
  font-family: 'Roboto', 'sans-serif';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  width: fit-content;
  text-transform: uppercase;
`;

const Container = styled.div`
  display: flex;
  flex-direction: column;
  gap: 5px;
`;

export default Header;
