import "./index.css";
import React from "react";
export type PageBannerProps = React.HTMLProps<HTMLDivElement> & {
    as?: "header" | "section" | "div";
};
export declare function PageBanner({ as, className, children, ...other }: PageBannerProps): React.JSX.Element;
export type BannerImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>;
export declare const BannerImage: React.ForwardRefExoticComponent<Omit<BannerImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
export type TabListProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & {
    as?: "ul" | "ol" | "nav" | "div" | "span";
    sticky?: boolean;
};
export declare function TabList({ as, className, children, sticky, ...other }: TabListProps): React.JSX.Element;
export type TabProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel"> & {
    active?: boolean;
    as?: "a" | "li" | "div" | "span";
};
export declare function Tab({ active, as, className, children, ...other }: TabProps): React.JSX.Element;
export type TitleProps = Pick<React.HTMLProps<HTMLDivElement>, "id" | "className" | "children"> & {
    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span" | "p";
};
export declare function Title({ as, className, children, ...other }: TitleProps): React.JSX.Element;