type Override<T, U> = Omit<U, keyof T> & T

interface CodeProps {
  /**
   * React node for code content.
   */
  children: React.ReactNode
  /**
   * Controls the size of code content.
   */
  size?: "s" | "m" | "l"
}

declare function Code(
  props: Override<CodeProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

interface DisplayProps {
  /**
   * React node for display content.
   */
  children: React.ReactNode
  /**
   * Controls the size of display.
   */
  size?: "s" | "m" | "l" | "xl" | "xxl"
  /**
   * render the display content in a `p` tag.
   */
  p?: boolean
  /**
   * render the display content in a `span` tag.
   */
  span?: boolean
  /**
   * render the display content in a `div` tag.
   */
  div?: boolean
  /**
   * Renders the text with primary intent. This is the default intent.
   */
  primary?: boolean
  /**
   * Renders the text with secondary intent.
   */
  secondary?: boolean
  /**
   * Renders the text with brand intent.
   */
  brand?: boolean
  /**
   * Renders the text with appropriate contrast ratio to backgrounds with brand color.
   */
  onBrand?: boolean
  /**
   * Renders the text with muted intent.
   */
  muted?: boolean
}

declare function Display(
  props: Override<DisplayProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

interface TextProps {
  /**
   * React node for text content.
   */
  children: React.ReactNode
  /**
   * Controls the size of text.
   */
  size?: "xs" | "s" | "m" | "l" | "xl" | "xxl"
  /**
   * Render the bold variant.
   *
   * Bold variant is only supported for "xs", "s", "m" & "l" sizes.
   */
  bold?: boolean
  /**
   * render the content in a `p` tag.
   */
  p?: boolean
  /**
   * render the content in a `span` tag.
   */
  span?: boolean
  /**
   * render the content in a `div` tag.
   */
  div?: boolean
  /**
   * Renders the text with primary intent. This is the default intent.
   */
  primary?: boolean
  /**
   * Renders the text with secondary intent.
   */
  secondary?: boolean
  /**
   * Renders the text with brand intent.
   */
  brand?: boolean
  /**
   * Renders the text with appropriate contrast ratio to backgrounds with brand color.
   */
  onBrand?: boolean
  /**
   * Renders the text with danger intent.
   */
  danger?: boolean
  /**
   * Renders the text with warning intent.
   */
  warning?: boolean
  /**
   * Renders the text with info intent.
   */
  info?: boolean
  /**
   * Renders the text with success intent.
   */
  success?: boolean
  /**
   * Renders the text with muted intent.
   */
  muted?: boolean
  /**
   * Truncates text with an ellipsis when it overflows its container.
   */
  ellipsis?: boolean
}

declare function Text(
  props: Override<TextProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

interface HeadingProps {
  /**
   *
   * React node for heading content.
   */
  children: React.ReactNode
  /**
   * Render the content as h1 section heading.
   */
  h1?: boolean
  /**
   * Render the content as h2 section heading.
   */
  h2?: boolean
  /**
   * Render the content as h3 section heading.
   */
  h3?: boolean
  /**
   * Render the content as h4 section heading.
   */
  h4?: boolean
  /**
   * Render the content as h5 section heading.
   */
  h5?: boolean
  /**
   * Render the content as h6 section heading.
   */
  h6?: boolean
  /**
   * Renders the text with primary intent. This is the default intent.
   */
  primary?: boolean
  /**
   * Renders the text with secondary intent.
   */
  secondary?: boolean
  /**
   * Renders the text with brand intent.
   */
  brand?: boolean
  /**
   * Renders the text with appropriate contrast ration to backgrounds with brand color.
   */
  onBrand?: boolean
  /**
   * Renders the text with muted intent.
   */
  muted?: boolean
}

declare function Heading(
  props: Override<HeadingProps, React.HTMLAttributes<HTMLElement>>
): JSX.Element

export { Code, Display, Heading, Text };
export type { CodeProps, DisplayProps, HeadingProps, TextProps };
//# sourceMappingURL=index.d.ts.map