import * as React from 'react';
import { EllipsisCommonProps } from '../common/Ellipsis';
import {PropsWithChildren} from "react";

export interface HeadingProps
  extends React.HTMLAttributes<HTMLHeadingElement>,
    EllipsisCommonProps {
  dataHook?: string;
  className?: string;
  light?: boolean;
  appearance?: HeadingAppearance;
}

export const Heading: React.FC<PropsWithChildren<HeadingProps>>;
export default Heading;
export type HeadingAppearance = 'H1' | 'H2' | 'H3' | 'H4' | 'H5' | 'H6';