import { type StoryObj } from "@storybook/react-vite";
declare const meta: {
    title: string;
    parameters: {
        layout: string;
    };
    tags: "new"[];
};
export default meta;
type Story = StoryObj<typeof meta>;
export declare const Base: Story;
export declare const Nested: Story;
/**
 * Sometimes you want to put the sub-list in another component, like this:
 * ```tsx
 * const MySubList = ({ className }: { className?: string }) => (
 *  <UList className={className}>
 *    <UList.Item>
 *      <UList.Padding>
 *        <Text>Custom nested list - option A</Text>
 *      </UList.Padding>
 *    </UList.Item>
 *    <UList.Item>
 *      <UList.Padding>
 *        <Text>Custom nested list - option B</Text>
 *      </UList.Padding>
 *    </UList.Item>
 *  </UList>
 *);
 *```
 *
 * When you do, the `UnorderedList.Item` component won't recognize it as a sub-list, because
 * it only considers the `UnorderedList` component as a sub-list.
 * In case you need your sub-list to be in a separate component, you can use the `UnorderedList.Indent`
 * component to tell the `UnorderedList.Item` component that it should consider the children as a sub-list.
 *
 * The child of `UnorderedList.Indent` should accept a `className` prop for this to work.
 */
export declare const WithCustomNestedList: Story;