@payfit/unity-components
Version:
58 lines (57 loc) • 2.27 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const sidePanelContent: 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 SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
className?: string;
}
/**
* The `SidePanelContent` component renders the main content area of a side panel.
* It takes up the majority of the space between the header and footer components
* and adjusts for both mobile (bottom sheet) and desktop (side panel) views.
* The content is scrollable when it exceeds the available space.
* @component
* @param {SidePanelContentProps} props - The props for the `SidePanelContent` component
* @example
* ```tsx
* import { SidePanelContent } from '@payfit/unity-components'
*
* <SidePanelContent>
* Your panel content here
* </SidePanelContent>
* ```
* @see {@link SidePanelContentProps} for all available props
* @remarks
* [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
*/
declare const SidePanelContent: import('react').ForwardRefExoticComponent<SidePanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
export { SidePanelContent };