import React, { ReactElement, ReactNode } from 'react';
import { fontWeights } from '../configs/typography';
interface HeadingTypes {
    as?: keyof HTMLElementTagNameMap;
    weight?: keyof typeof fontWeights;
    theme?: string;
    title: ReactElement | ReactNode | string;
}
/**
 * Heading Component
 *
 * @param {string} [props.as='strong'] - The HTML tag to be used for the heading, optional, defaulting to `<strong>`.
 * @param {string} [props.weight='bold'] -  The font weight to be used, optional, defaulting to `bold` (600).
 * @param {string} [props.theme=''] - The custom Tailwind CSS classes for styling, optional, defaulting to `''`.
 * @param {React.ReactElement|React.ReactNode|string} props.title - The content of the heading, required, no default value.
 *
 * @returns {React.ReactElement} JSX element representing the heading.
 */
declare const Heading: ({ as, weight, theme, title, }: HeadingTypes) => React.ReactElement;
export default Heading;