import React from 'react';
import '../../global/styles/fonts.scss';
import './Heading.scss';
import '../../global/styles/fonts.scss';
interface H1Props {
    color?: 'brand' | 'inverse';
    hidden?: boolean;
    type?: 'heading-01 (60)' | 'heading-02 (48)' | 'heading-03 (36)' | 'heading-04 (28)';
}
interface H2Props {
    color?: 'brand' | 'inverse';
    hidden?: boolean;
    type?: 'heading-02 (48)' | 'heading-03 (36)' | 'heading-04 (28)' | 'heading-05 (24)';
}
interface H3Props {
    color?: 'brand' | 'inverse';
    hidden?: boolean;
    type?: 'heading-03 (36)' | 'heading-04 (28)' | 'heading-05 (24)' | 'heading-06 (20)';
}
interface H4Props {
    color?: 'brand' | 'inverse';
    hidden?: boolean;
    type?: 'heading-04 (28)' | 'heading-05 (24)' | 'heading-06 (20)' | 'heading-07 (16)';
}
interface H5Props {
    color?: 'inverse';
    hidden?: boolean;
    type?: 'heading-05 (24)' | 'heading-06 (20)' | 'heading-07 (16)' | 'heading-08 (14)';
}
interface H6Props {
    color?: 'brand' | 'savings' | 'danger' | 'disabled' | 'inverse';
    hidden?: boolean;
    type?: 'heading-06 (20)' | 'heading-07 (16)' | 'heading-08 (14)';
    disabled?: boolean;
}
export declare const H1: React.FC<H1Props>;
export declare const H2: React.FC<H2Props>;
export declare const H3: React.FC<H3Props>;
export declare const H4: React.FC<H4Props>;
export declare const H5: React.FC<H5Props>;
export declare const H6: React.FC<H6Props>;
export {};