import styled from 'styled-components';
import type { BaseElementProps } from './types';

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

export default function Text({ value, ...props }: BaseElementProps<string>) {
  return <Span {...props}>{value}</Span>;
}

type TextProps = {
  middleware: (value: any) => string;
};

export type { TextProps };