import { Component, ComponentProps, JSX } from "solid-js";
export interface FooterTheme {
    base: string;
    container: string;
    bgDark: string;
    groupLink: {
        base: string;
        link: {
            base: string;
            href: string;
        };
        col: string;
    };
    icon: {
        base: string;
        size: string;
    };
    title: {
        base: string;
    };
    divider: {
        base: string;
    };
    copyright: {
        base: string;
        href: string;
        span: string;
    };
    brand: {
        base: string;
        img: string;
        span: string;
    };
}
export interface FooterProps extends ComponentProps<"footer"> {
    bgDark?: boolean;
    container?: boolean;
}
export declare const FooterComponent: Component<FooterProps>;
export declare const Footer: Component<FooterProps> & {
    Copyright: Component<import("./FooterCopyright").CopyrightProps>;
    Link: Component<import("./FooterLink").FooterLinkProps>;
    LinkGroup: Component<import("./FooterLinkGroup").FooterLinkGroupProps>;
    Brand: Component<import("./FooterBrand").FooterBrandProps>;
    Icon: Component<import("./FooterIcon").FooterIconProps>;
    Title: Component<import("./FooterTitle").FooterTitleProps>;
    Divider: Component<JSX.HTMLAttributes<HTMLHRElement>>;
};