@kubit-ui-web/react-components/dist/cjs/components/actionBottomSheet/actionBottomSheetControlled.d.ts

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import React from 'react';
import { IActionBottomSheetControlled, IActionBottomSheetControlledStructure } from './types/actionBottomSheet';
export declare const ActionBottomSheetControlledStructure: React.ForwardRefExoticComponent<IActionBottomSheetControlledStructure<unknown> & React.RefAttributes<HTMLDivElement>>;
declare const ActionBottomSheetControlledComponentBoundary: (props: IActionBottomSheetControlled, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
/**
 * @description
 * ActionBottomSheetControlled component is a controlled action bottom sheet, that use a Popover component to show the content.
 * @param {React.PropsWithChildren<IActionBottomSheetControlled<V>>} props
 * @returns {JSX.Element}
 * @example
 * <ActionBottomSheetControlled
 *  open={open}
 * onCloseIconClick={onCloseIconClick}
 * onPopoverCloseInternally={handleOnPopoverCloseInternally}
 * title="Title"
 * >
 * <div>Content</div>
 * </ActionBottomSheetControlled>
 *
 */
declare const ActionBottomSheetControlled: <V extends string | unknown>(props: React.PropsWithChildren<IActionBottomSheetControlled<V>> & {
    ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
}) => ReturnType<typeof ActionBottomSheetControlledComponentBoundary>;
export { ActionBottomSheetControlled };