import { IntrinsicElementsKeys } from 'styled-components';
import { ResponsiveFontSize, FontPairing } from './types';
declare type FontColor = string;
declare type FontSize = ResponsiveFontSize | 'inherit';
export declare const declareFontFamily: ({ $fontFamily, $fontWeight }: FontPairing) => string;
export declare type FontFamilyProps = Parameters<typeof declareFontFamily>[0];
export declare const fontFamilyCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<FontPairing, any>>;
export declare const declareFontColor: ({ $fontColor }: {
    $fontColor?: string | undefined;
}) => string;
export declare type FontColorProps = Parameters<typeof declareFontColor>[0];
export declare const fontColorCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
    $fontColor?: string | undefined;
}, any>>;
export declare const declareFontSize: ({ $fontSize, $fontFamily }: ({
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontFamily?: "grotesk" | undefined;
    $fontWeight?: "light" | "regular" | "medium" | undefined;
}) | ({
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontFamily: "display";
    $fontWeight?: "regular" | "medium" | undefined;
})) => string;
export declare type FontSizeProps = Parameters<typeof declareFontSize>[0];
export declare const fontSizeCSS: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<({
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontFamily?: "grotesk" | undefined;
    $fontWeight?: "light" | "regular" | "medium" | undefined;
}) | ({
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontFamily: "display";
    $fontWeight?: "regular" | "medium" | undefined;
}), any>>;
export declare type CustomTypographyProps = FontFamilyProps & FontSizeProps & FontColorProps & {
    as?: IntrinsicElementsKeys;
    'data-cy'?: string;
};
export declare const declareCustomTypography: (props: CustomTypographyProps) => import("styled-components").FlattenSimpleInterpolation;
export declare const customTypographyCSS: import("styled-components").FlattenInterpolation<({
    $fontFamily?: "grotesk" | undefined;
    $fontWeight?: "light" | "regular" | "medium" | undefined;
} & {
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontColor?: string | undefined;
} & {
    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
    'data-cy'?: string | undefined;
} & import("styled-components").ThemeProps<any>) | ({
    $fontFamily: "display";
    $fontWeight?: "regular" | "medium" | undefined;
} & {
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontColor?: string | undefined;
} & {
    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
    'data-cy'?: string | undefined;
} & import("styled-components").ThemeProps<any>)>;
export declare const CustomTypography: import("styled-components").StyledComponent<"div", any, ({
    $fontFamily?: "grotesk" | undefined;
    $fontWeight?: "light" | "regular" | "medium" | undefined;
} & {
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontColor?: string | undefined;
} & {
    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
    'data-cy'?: string | undefined;
}) | ({
    $fontFamily: "display";
    $fontWeight?: "regular" | "medium" | undefined;
} & {
    $fontSize?: 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 20 | 24 | 26 | 28 | 30 | 32 | 36 | 40 | 48 | 56 | 64 | 72 | 80 | [import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | [import("./types").FontSize, import("./types").FontSize, import("./types").FontSize, import("./types").FontSize] | "inherit" | undefined;
} & {
    $fontColor?: string | undefined;
} & {
    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
    'data-cy'?: string | undefined;
}), never>;
export {};
//# sourceMappingURL=CustomTypography.d.ts.map