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

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

type TextProps = {
  children: ReactNode;
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  value: any;
};

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

export default Text as FC<TextProps>;