import { ForwardedRef, FunctionComponent, PropsWithChildren, ReactHTML, ReactNode } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type ListItemProps<P extends object> = PropsWithChildren<{
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom prefix
     */
    prefix?: ReactNode;
    /**
     * Custom suffix
     */
    suffix?: ReactNode;
    /**
     * Custom click handler
     */
    onClick?: () => void;
    /**
     * Custom theme color
     */
    color?: ThemeColorVariables;
    /**
     * Active state
     */
    active?: boolean;
    /**
     * Render in disabled state
     */
    disabled?: boolean;
    /**
     * Render hover effect for item
     */
    interactive?: boolean;
    /**
     * Variant
     */
    as?: FunctionComponent<P> | keyof ReactHTML;
    ref?: ForwardedRef<HTMLLIElement>;
} & Partial<Omit<P, 'as' | 'children'>>>;
export declare function ListItem<P extends object>({ children, disabled, active, color, onClick, prefix, suffix, className, interactive, as, ref, ...rest }: ListItemProps<P>): import("react/jsx-runtime").JSX.Element;