import { AccordionRootProps } from '@kobalte/core/accordion';
import { JSX } from 'solid-js';
import { VariantProps } from 'tailwind-variants';
declare const accordionStyles: import('tailwind-variants').TVReturnType<{
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            root?: import('tailwind-merge').ClassNameValue;
            item?: import('tailwind-merge').ClassNameValue;
            header?: import('tailwind-merge').ClassNameValue;
            contentInner?: import('tailwind-merge').ClassNameValue;
            icon?: import('tailwind-merge').ClassNameValue;
            trigger?: import('tailwind-merge').ClassNameValue;
            content?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {
    [x: string]: {
        [x: string]: import('tailwind-merge').ClassNameValue | {
            root?: import('tailwind-merge').ClassNameValue;
            item?: import('tailwind-merge').ClassNameValue;
            header?: import('tailwind-merge').ClassNameValue;
            contentInner?: import('tailwind-merge').ClassNameValue;
            icon?: import('tailwind-merge').ClassNameValue;
            trigger?: import('tailwind-merge').ClassNameValue;
            content?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    root: string;
    item: string;
    header: string;
    trigger: string[];
    content: string[];
    contentInner: string;
    icon: string;
}, undefined, {
    [key: string]: {
        [key: string]: import('tailwind-merge').ClassNameValue | {
            root?: import('tailwind-merge').ClassNameValue;
            item?: import('tailwind-merge').ClassNameValue;
            header?: import('tailwind-merge').ClassNameValue;
            contentInner?: import('tailwind-merge').ClassNameValue;
            icon?: import('tailwind-merge').ClassNameValue;
            trigger?: import('tailwind-merge').ClassNameValue;
            content?: import('tailwind-merge').ClassNameValue;
        };
    };
} | {}, {
    root: string;
    item: string;
    header: string;
    trigger: string[];
    content: string[];
    contentInner: string;
    icon: string;
}, import('tailwind-variants').TVReturnType<unknown, {
    root: string;
    item: string;
    header: string;
    trigger: string[];
    content: string[];
    contentInner: string;
    icon: string;
}, undefined, unknown, unknown, undefined>>;
export interface AccordionItem {
    value: string;
    title: JSX.Element;
    content: JSX.Element;
    disabled?: boolean;
}
interface AccordionProps extends AccordionRootProps, VariantProps<typeof accordionStyles> {
    items: AccordionItem[];
    class?: string;
}
export declare const Accordion: (props: AccordionProps) => JSX.Element;
export {};