import styled from 'styled-components';

const TextWrapper = styled.div`
  margin-bottom: 18px;
`;
const Text = styled.span`
  font-size: 0.85rem;
`;

const Label = ({ value, middleware }) => {
  //TODO: Hide if no value

  return (
    <TextWrapper>
      <Text>{middleware ? middleware(value) : value}</Text>
    </TextWrapper>
  );
};

export default Label;
