import type { PressableRef, TextRef } from '../../helpers/internal/types/index.js'; import * as BottomSheetPrimitives from '../../primitives/bottom-sheet/index.js'; import { useBottomSheetAnimation } from './bottom-sheet.animation.js'; import type { BottomSheetContentProps, BottomSheetDescriptionProps, BottomSheetOverlayProps, BottomSheetPortalProps, BottomSheetRootProps, BottomSheetTitleProps, BottomSheetTriggerProps } from './bottom-sheet.types.js'; declare const useBottomSheet: typeof BottomSheetPrimitives.useRootContext; /** * Compound BottomSheet component with sub-components * * @component BottomSheet.Root - Main container that manages open/close state. * Provides the bottom sheet context to child components. * * @component BottomSheet.Trigger - Button or element that opens the bottom sheet. * Accepts any pressable element as children. * * @component BottomSheet.Portal - Portal container for bottom sheet overlay and content. * Renders children in a portal with full window overlay. * * @component BottomSheet.Overlay - Background overlay that covers the screen. * Typically closes the bottom sheet when clicked. * * @component BottomSheet.Content - The bottom sheet content container. * Uses @gorhom/bottom-sheet for rendering. Contains the main bottom sheet UI elements. * * @component BottomSheet.Background - Absolute-fill background container inside * the sheet background surface, clipped to the sheet's top radius. With no * children, the active library theme decides the content (glass theme renders a * blur layer). Accepts children to host custom content such as gradients with * the container's positioning and clipping applied. Rendered automatically by * the default gorhom backgroundComponent; use it inside a custom * backgroundComponent to customize the layer. * * @component BottomSheet.Close - Close button for the bottom sheet. * Can accept custom children or uses default close icon. * * @component BottomSheet.Title - The bottom sheet title text. * Automatically linked for accessibility. * * @component BottomSheet.Description - The bottom sheet description text. * Automatically linked for accessibility. */ declare const BottomSheet: import("react").ForwardRefExoticComponent> & { /** @optional Trigger element to open the bottom sheet */ Trigger: import("react").ForwardRefExoticComponent>; /** @optional Portal container for overlay and content */ Portal: { ({ children, disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, ...props }: BottomSheetPortalProps): import("react").JSX.Element; displayName: string; }; /** @optional Background overlay */ Overlay: import("react").ForwardRefExoticComponent>; /** @optional Main bottom sheet content container */ Content: import("react").ForwardRefExoticComponent>; /** @optional Theme-aware background container inside the sheet background surface */ Background: import("react").ForwardRefExoticComponent>; /** @optional Close button for the bottom sheet */ Close: import("react").ForwardRefExoticComponent>; /** @optional Bottom sheet title text */ Title: import("react").ForwardRefExoticComponent>; /** @optional Bottom sheet description text */ Description: import("react").ForwardRefExoticComponent>; }; export { useBottomSheet, useBottomSheetAnimation }; export default BottomSheet; //# sourceMappingURL=bottom-sheet.d.ts.map