import { type HTMLAttributes } from "react";
declare module "react" {
    interface CSSProperties {
        "--rmd-list-padding-h"?: string | number;
        "--rmd-list-padding-v"?: string | number;
    }
}
/** @remarks \@since 6.0.0 */
export interface ListClassNameOptions {
    className?: string;
    /** @defaultValue `false` */
    dense?: boolean;
    /** @defaultValue `false` */
    horizontal?: boolean;
}
/**
 * @remarks \@since 6.0.0
 */
export declare function list(options?: ListClassNameOptions): string;
export type ListElement = HTMLUListElement | HTMLOListElement;
export interface ListProps extends HTMLAttributes<ListElement> {
    /**
     * @defaultValue `"none"`
     */
    role?: HTMLAttributes<ListElement>["role"];
    /**
     * Set to `true` to decrease the amount of padding and font size within the
     * list.
     *
     * @defaultValue `false`
     */
    dense?: boolean;
    /**
     * Set this to `true` to render as `<ol>` instead of `<ul>` when the children
     * are in a specific order. For example: steps within a recipe.
     *
     * @defaultValue `false`
     */
    ordered?: boolean;
    /**
     * Set this to `true` to render horizontally instead of vertically.
     *
     * @defaultValue `false`
     */
    horizontal?: boolean;
}
/**
 * **Server Component**
 *
 * The `List` component is used to render a collection of clickable actions
 * vertically or horizontally and does not include the default `ol`/`ul` styles.
 *
 * @example
 * Simple Example
 * ```tsx
 * import { List, ListItem, ListItemLink } from "@react-md/core";
 * import type { ReactElement } from "react";
 *
 * function Example(): ReactElement {
 *   return (
 *     <List>
 *       <ListItem
 *         onClick={() => {
 *           // do something
 *         }}
 *       >
 *         Item 1
 *       </ListItem>
 *       <ListItem
 *         onClick={() => {
 *           // do something
 *         }}
 *       >
 *         Item 2
 *       </ListItem>
 *       <ListItem
 *         onClick={() => {
 *           // do something
 *         }}
 *       >
 *         Item 3
 *       </ListItem>
 *       <ListItemLink href="/some-route">Link Example</ListItemLink>
 *     </List>
 *   );
 * }
 * ```
 */
export declare const List: import("react").ForwardRefExoticComponent<ListProps & import("react").RefAttributes<ListElement>>;
