import { PropsWithChildren, ReactNode } from 'react';
import { ThemeColorVariables } from '@dreipol/t3-react-theme';
export type ListItemProps = 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;
}>;
export declare const ListItem: (props: {
    /**
     * Custom className
     */
    className?: string | undefined;
    /**
     * Custom prefix
     */
    prefix?: ReactNode;
    /**
     * Custom suffix
     */
    suffix?: ReactNode;
    /**
     * Custom click handler
     */
    onClick?: (() => void) | undefined;
    /**
     * Custom theme color
     */
    color?: ThemeColorVariables | undefined;
    /**
     * Active state
     */
    active?: boolean | undefined;
    /**
     * Render in disabled state
     */
    disabled?: boolean | undefined;
} & {
    children?: ReactNode;
} & import("react").RefAttributes<HTMLLIElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;