@payfit/unity-components
Version:
66 lines (65 loc) • 2.71 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
import { PropsWithChildren } from 'react';
export declare const bottomSheetHeader: import('tailwind-variants').TVReturnType<{
[key: string]: {
[key: string]: import('tailwind-merge').ClassNameValue | {
content?: import('tailwind-merge').ClassNameValue;
base?: import('tailwind-merge').ClassNameValue;
heading?: import('tailwind-merge').ClassNameValue;
buttonContainer?: import('tailwind-merge').ClassNameValue;
};
};
} | {
[x: string]: {
[x: string]: import('tailwind-merge').ClassNameValue | {
content?: import('tailwind-merge').ClassNameValue;
base?: import('tailwind-merge').ClassNameValue;
heading?: import('tailwind-merge').ClassNameValue;
buttonContainer?: import('tailwind-merge').ClassNameValue;
};
};
} | {}, {
base: string[];
content: string[];
heading: string[];
buttonContainer: string[];
}, undefined, {
[key: string]: {
[key: string]: import('tailwind-merge').ClassNameValue | {
content?: import('tailwind-merge').ClassNameValue;
base?: import('tailwind-merge').ClassNameValue;
heading?: import('tailwind-merge').ClassNameValue;
buttonContainer?: import('tailwind-merge').ClassNameValue;
};
};
} | {}, {
base: string[];
content: string[];
heading: string[];
buttonContainer: string[];
}, import('tailwind-variants').TVReturnType<unknown, {
base: string[];
content: string[];
heading: string[];
buttonContainer: string[];
}, undefined, unknown, unknown, undefined>>;
export interface BottomSheetHeaderProps extends PropsWithChildren<VariantProps<typeof bottomSheetHeader>> {
className?: string;
}
/**
* The `BottomSheetHeader` component renders the header section of a side panel.
* It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
* @component
* @param {BottomSheetHeaderProps} props - The props for the `BottomSheetHeader` component
* @example
* ```tsx
* import { BottomSheetHeader } from '@payfit/unity-components'
*
* <BottomSheetHeader>Title of the panel</BottomSheetHeader>
* ```
* @see {@link BottomSheetHeaderProps} 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 BottomSheetHeader: import('react').ForwardRefExoticComponent<BottomSheetHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
export { BottomSheetHeader };