import type { FC, ReactNode } from 'react';
import styled from 'styled-components';

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

type TextProps = {
  value: any;
  children: ReactNode;
};

export default (function Text({ value, ...props }: TextProps) {
  return <Span {...props}>{value || props.children}</Span>;
} as FC<TextProps>);