import { ElementProps } from "../../../types/shared.mjs";
import { Component } from "../../../internal/factory/factory.mjs";
import { ContainerProps } from "../../styles/layout/container/Container.mjs";
import React from "react";

//#region src/components/content-presentation/hero/Hero.d.ts
type HeroProps = ({
  variant?: 'image-only' | 'image-and-content';
  imageUrl: string;
} | {
  variant?: 'content-only';
  imageUrl?: never;
}) & ElementProps<'section'>;
declare const Hero: Component<{
  props: HeroProps;
  ref: HTMLDivElement;
  staticComponents: {
    Container: typeof HeroContainer;
    Heading: typeof HeroHeading;
    Paragraph: typeof HeroParagraph;
  };
}>;
type HeroContainerProps = {
  variant?: 'overlay' | 'full';
} & Omit<ContainerProps, 'variant'> & ElementProps<'div'>;
declare const HeroContainer: {
  ({
    children,
    variant,
    className,
    ...props
  }: HeroContainerProps): React.JSX.Element;
  displayName: string;
};
type HeroHeadingProps = {
  size?: 's' | 'm' | 'l' | 'xl';
} & ElementProps<'h1'>;
declare const HeroHeading: {
  ({
    className,
    size,
    ...props
  }: HeroHeadingProps): React.JSX.Element;
  displayName: string;
};
type HeroParagraphProps = ElementProps<'p'>;
declare const HeroParagraph: {
  ({
    className,
    ...props
  }: HeroParagraphProps): React.JSX.Element;
  displayName: string;
};
//#endregion
export { Hero, HeroContainer, HeroContainerProps, HeroHeading, HeroHeadingProps, HeroParagraph, HeroParagraphProps, HeroProps };