import React from 'react';
import { View } from 'react-native';
import type { ScrollViewProps } from 'react-native';
import type { CollapsibleDirection } from '@coinbase/cds-common/types/CollapsibleBaseProps';
import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
import type { PaddingProps } from '@coinbase/cds-common/types/SpacingProps';
export type CollapsibleBaseProps = SharedProps &
  PaddingProps & {
    /**
     * Expand/collapse state of the content.
     * @default true
     */
    collapsed: boolean;
    /**
     * Collapsible content
     */
    children: React.ReactNode;
    /**
     * Direction the content should expand/collapse to
     * @default vertical
     */
    direction?: CollapsibleDirection;
    /**
     * RN ScrollView props. Use with caution as it might break default settings.
     */
    scrollViewProps?: ScrollViewProps;
    /**
     * Max height of the content. Overflow content will be scrollable.
     */
    maxHeight?: number;
    /**
     * Max width of the content. Overflow content will be scrollable.
     */
    maxWidth?: number;
  };
export type CollapsibleProps = CollapsibleBaseProps;
export declare const Collapsible: React.MemoExoticComponent<
  ({
    ref: forwardedRef,
    ..._props
  }: CollapsibleProps & {
    ref?: React.Ref<View>;
  }) => import('react/jsx-runtime').JSX.Element
>;
//# sourceMappingURL=Collapsible.d.ts.map