@razorpay/blade
Version:
The Design System that powers Razorpay
14 lines (11 loc) • 1.82 kB
JavaScript
import React__default from 'react';
import { ComponentIds } from './componentIds.js';
import { useBottomSheetContext } from './BottomSheetContext.js';
import { BottomSheetEmptyHeader } from './BottomSheetCommon.js';
import { BaseHeader } from '../BaseHeaderFooter/BaseHeader.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
import { jsx } from 'react/jsx-runtime';
var _BottomSheetHeader=function _BottomSheetHeader(_ref){var title=_ref.title,subtitle=_ref.subtitle,leading=_ref.leading,trailing=_ref.trailing,titleSuffix=_ref.titleSuffix,_ref$showBackButton=_ref.showBackButton,showBackButton=_ref$showBackButton===void 0?false:_ref$showBackButton,onBackButtonClick=_ref.onBackButtonClick,children=_ref.children;var _useBottomSheetContex=useBottomSheetContext(),close=_useBottomSheetContex.close,setIsHeaderEmpty=_useBottomSheetContex.setIsHeaderEmpty,defaultInitialFocusRef=_useBottomSheetContex.defaultInitialFocusRef;var isHeaderEmpty=!(title||subtitle||leading||trailing||showBackButton||children);React__default.useEffect(function(){setIsHeaderEmpty(isHeaderEmpty);},[isHeaderEmpty]);return jsx(BaseBox,{overflow:"visible",flexShrink:0,children:isHeaderEmpty?jsx(BottomSheetEmptyHeader,{ref:defaultInitialFocusRef}):jsx(BaseHeader,{title:title,subtitle:subtitle,leading:leading,trailing:trailing,titleSuffix:titleSuffix,closeButtonRef:defaultInitialFocusRef,showBackButton:showBackButton,onBackButtonClick:onBackButtonClick,showCloseButton:true,onCloseButtonClick:close,children:children})});};var BottomSheetHeader=assignWithoutSideEffects(_BottomSheetHeader,{componentId:ComponentIds.BottomSheetHeader});
export { BottomSheetHeader };
//# sourceMappingURL=BottomSheetHeader.native.js.map