import React from "react";
import { TypographyProps } from "./typography.component";
export interface ListProps extends TypographyProps {
    children?: React.ReactNode;
}
export interface ListItemProps extends Omit<ListProps, "variant"> {
    children?: React.ReactNode;
}
/**
 * @deprecated The List component is part of the legacy Typography system and will be removed in a future release.
 * Use the Typography component with `variant="ul"` or `variant="ol"` instead, or use proper semantic HTML list elements (ul, ol, li) with Typography components inside.
 *
 * Example migration:
 * ```tsx
 * // Before
 * <List>
 *   <ListItem>Item 1</ListItem>
 *   <ListItem>Item 2</ListItem>
 * </List>
 *
 * // After (using Typography list variants)
 * <Typography variant="ul">
 *   <Typography as="li">Item 1</Typography>
 *   <Typography as="li">Item 2</Typography>
 * </Typography>
 *
 * // After (using native HTML with Typography)
 * <ul>
 *   <li><Typography>Item 1</Typography></li>
 *   <li><Typography>Item 2</Typography></li>
 * </ul>
 * ```
 */
declare const List: ({ children, as, variant, ...props }: ListProps) => React.JSX.Element;
/**
 * @deprecated The ListItem component is part of the legacy Typography system and will be removed in a future release.
 * Use Typography with `as="li"` instead, or use semantic HTML li elements with Typography components inside.
 * You can use the `as` prop on Typography to inherit list styling while using Typography's text styling capabilities.
 */
declare const ListItem: ({ children, ...props }: ListItemProps) => React.JSX.Element;
export { List, ListItem };