import React from 'react'; import { type Size } from '../../util/variant-types'; export type OrderedListProps = React.HTMLAttributes & { /** * Size of the list and its item (controls spacing but requires proper usage of `Text`/`Heading` when composing) */ size?: Extract; /** * Marker to use with the given list type * - for `OrderedList`, will use no marker or the `default` marker (e.g., "1.") */ markerType?: 'none' | 'default'; }; export type UnorderedListProps = React.HTMLAttributes & { /** * Size of the list and its item (controls spacing but requires proper usage of `Text`/`Heading` when composing) */ size?: Extract; /** * Marker to use with the given list type * - for `UnorderedList`, will use no marker or the `default` marker (e.g., "•") */ markerType?: 'none' | 'default'; }; export type ListItemProps = React.HTMLAttributes & { size?: Extract; }; export declare const ListContext: React.Context<{ size: UnorderedListProps["size"] | OrderedListProps["size"]; }>; export declare function getListStyleProps(props: OrderedListProps | UnorderedListProps): { className: string; }; export declare function getListItemStyleProps(props: ListItemProps): { className: string; }; /** * Control a list of text items that are semantically unordered. * * @param props options for the list to control size and marker type * @returns ReactNode */ export declare const UnorderedList: { (props: UnorderedListProps): React.JSX.Element; ListItem: (props: ListItemProps) => React.JSX.Element; }; /** * Control a list of text items that are semantically ordered (ordinal sequence by number). * * @param props options for the list to control size and marker type * @returns ReactNode */ export declare const OrderedList: { (props: OrderedListProps): React.JSX.Element; ListItem: (props: ListItemProps) => React.JSX.Element; };