import { FC, JSX } from 'react';
import { FlexRowProps } from '../internals/FlexRow';
type ListItemVariant = "list" | "boxed";
export type ListItemProps = React.HTMLAttributes<HTMLElement> & Pick<FlexRowProps, "alignItems" | "children"> & Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "href"> & {
    /**
     * Icon component
     * Example: `<StatusIcon>` or `<RadialProgress>` or `<Avatar>`
     */
    icon?: JSX.Element;
    /**
     * Icon alignment
     * @default 'top'
     */
    alignIcon?: "top" | "center" | "bottom";
    /**
     * Control the horizontal padding (`x`) or vertical padding (`y`).
     * You can specify `none` to remove the padding.
     *
     * By default, the padding is set to `y` when the ListItem is a **not** clickable list, `xy` otherwise.
     * @default 'xy'
     */
    padding?: "xy" | "x" | "y" | "none";
    /**
     * Control the padding size.
     * @default '4'
     */
    paddingSize?: "6" | "4" | "2";
    /**
     * Border style to render
     * @default 'solid'
     */
    borderStyle?: "solid" | "dashed" | "none";
    /**
     * ListItem variant: 'list' or 'boxed' with rounded borders
     * @default 'list'
     */
    variant?: ListItemVariant;
    /**
     * Disabled effect
     * @default undefined
     */
    disabled?: boolean;
};
export declare const ListItem: FC<ListItemProps>;
export {};