@carbon/ibm-products
Version:
Carbon for IBM Products
90 lines • 3.09 kB
TypeScript
/**
* Copyright IBM Corp. 2025
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
import React, { ReactNode } from 'react';
/**
* ----------------
* TearsheetBody
* ----------------
*/
export interface TearsheetBodyProps {
/**
* Optional static content for body
*/
children?: ReactNode;
/**
* Provide an optional class to be applied to the containing node.
*/
className?: string;
}
declare const TearsheetBody: React.ForwardRefExoticComponent<TearsheetBodyProps & React.RefAttributes<HTMLDivElement>>;
export interface MainContentProps {
children: ReactNode;
className?: string;
/** this can be set take full width without any padding */
isFlush?: boolean;
}
/**
* ----------------
* MainContent
* ----------------
*/
export declare const MainContent: React.ForwardRefExoticComponent<MainContentProps & React.RefAttributes<HTMLDivElement>>;
/**
* ----------------
* SummaryContent
* ----------------
*/
export interface SummaryContentProps {
children: ReactNode;
className?: string;
/**
* In mobile screens right side details section wont be visible by default. This prop can be toggled to open/close right panel in this case.
*/
summaryPanelOpen?: boolean;
/**
* Specify a handler for closing the side panel.
* This handler closes the modal, e.g. changing `open` prop.
*/
onSummaryPanelClose?(): void;
/** this can be set take full width without any padding */
isFlush?: boolean;
/**
* Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
*/
summaryPanelTriggerRef?: React.RefObject<HTMLElement>;
/**
* Optional aria-label for the summary panel. Defaults to "Summary panel".
*/
summaryPanelAriaLabel?: string;
}
export declare const SummaryContent: React.ForwardRefExoticComponent<SummaryContentProps & React.RefAttributes<HTMLDivElement>>;
export interface InfluencerProps {
children: ReactNode;
className?: string;
/**
* In mobile screens right side details section wont be visible by default. This prop can be toggled to open/close right panel in this case.
*/
influencerPanelOpen?: boolean;
/**
* Specify a handler for closing the side panel.
* This handler closes the modal, e.g. changing `open` prop.
*/
onInfluencerPanelClose?(): void;
/** this can be set take full width without any padding */
isFlush?: boolean;
/**
* Optional ref to the trigger button that opened the panel. Focus will return here when panel closes.
*/
influencerPanelTriggerRef?: React.RefObject<HTMLElement>;
/**
* Optional aria-label for the influencer panel. Defaults to "Influencer panel".
*/
influencerPanelAriaLabel?: string;
}
export declare const Influencer: React.ForwardRefExoticComponent<InfluencerProps & React.RefAttributes<HTMLDivElement>>;
export default TearsheetBody;
//# sourceMappingURL=TearsheetBody.d.ts.map