import React, { HTMLAttributes } from 'react';
import { AppTheme } from '../../styles/Theme';
export interface TextProps extends HTMLAttributes<HTMLSpanElement> {
    children?: React.ReactNode;
    /**
     * The weight of the rendered text.
     * @default 'regular'
     */
    weight?: 'regular' | 'bold' | 'semiBold';
    /**
     * The size you want to render your text at, currently only `13px` | `15px` and `18px` supported.
     * @default 'body'
     */
    size?: keyof AppTheme['typography']['text']['sizes'];
    /**
     * The HTML5 tag you want to render your text on, currently only `<span>` and `<p>` are supported.
     * @default 'span'
     */
    as?: 'span' | 'p' | 'figcaption';
    /**
     * Whether to render the text in all caps or not.
     * @default false
     */
    capitalize?: boolean;
    /**
     * Where the rendered text should be aligned to.
     * @default 'inherit'
     */
    align?: 'inherit' | 'left' | 'right' | 'center';
    /**
     * Accepts a subset of the Zopa brand colors.
     * @default `colors.greyDarkest`
     */
    color?: string;
}
declare const TextWrap: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
export default TextWrap;