import * as react_jsx_runtime from 'react/jsx-runtime';
import { ReactNode, PropsWithChildren } from 'react';
import { C as ClassName } from '../types-8627c32c.js';
import { EmblaOptionsType, EmblaPluginType } from 'embla-carousel-react';
import 'url';

type NavigationVariant = "dark" | "light";

interface CarouselIndicatorsProps {
  indicatorsList: number[];
  selectedIndex: number;
  onClick: (index: number) => void;
  variant?: NavigationVariant;
}

type IndicatorsPosition = "inside" | "outside";

interface IndicatorsInterface {
  indicatorsPosition?: IndicatorsPosition;
  indicators?: boolean | ((props: CarouselIndicatorsProps) => ReactNode);
  indicatorsVariant?: NavigationVariant;
}

interface EmblaCarouselProps {
  options?: Omit<Partial<EmblaOptionsType>, "slides">;
  plugins?: EmblaPluginType[];
}

interface HeroBannerProps extends EmblaCarouselProps, Pick<IndicatorsInterface, "indicatorsVariant"> {
    slides: ReactNode[];
}
interface HeroBannerSlideProps extends PropsWithChildren, ClassName {
    src: string;
}

declare const HeroBanner: {
    ({ slides, indicatorsVariant, options, plugins, }: HeroBannerProps): react_jsx_runtime.JSX.Element;
    Slide: ({ src, className, children, }: HeroBannerSlideProps) => react_jsx_runtime.JSX.Element;
};

export { HeroBanner, HeroBannerProps, HeroBannerSlideProps };