@payfit/unity-components
Version:
57 lines (56 loc) • 2.15 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const bottomSheetContent: import('tailwind-variants').TVReturnType<{
[key: string]: {
[key: string]: import('tailwind-merge').ClassNameValue | {
base?: import('tailwind-merge').ClassNameValue;
scroller?: import('tailwind-merge').ClassNameValue;
};
};
} | {
[x: string]: {
[x: string]: import('tailwind-merge').ClassNameValue | {
base?: import('tailwind-merge').ClassNameValue;
scroller?: import('tailwind-merge').ClassNameValue;
};
};
} | {}, {
base: string[];
scroller: string[];
}, undefined, {
[key: string]: {
[key: string]: import('tailwind-merge').ClassNameValue | {
base?: import('tailwind-merge').ClassNameValue;
scroller?: import('tailwind-merge').ClassNameValue;
};
};
} | {}, {
base: string[];
scroller: string[];
}, import('tailwind-variants').TVReturnType<unknown, {
base: string[];
scroller: string[];
}, undefined, unknown, unknown, undefined>>;
export interface BottomSheetContentProps extends PropsWithChildren<VariantProps<typeof bottomSheetContent>> {
className?: string;
}
/**
* The `BottomSheetContent` component renders the main content area of a bottom sheet.
* It takes up the majority of the space between the header and footer components
* The content is scrollable when it exceeds the available space.
* @component
* @param {BottomSheetContentProps} props - The props for the `BottomSheetContent` component
* @example
* ```tsx
* import { BottomSheetContent } from '@payfit/unity-components'
*
* <BottomSheetContent>
* Your panel content here
* </BottomSheetContent>
* ```
* @see {@link BottomSheetContentProps} for all available props
* @remarks
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-bottomsheet--docs)
*/
declare const BottomSheetContent: import('react').ForwardRefExoticComponent<BottomSheetContentProps & import('react').RefAttributes<HTMLDivElement>>;
export { BottomSheetContent };