@razorpay/blade
Version:
The Design System that powers Razorpay
25 lines (22 loc) • 2.67 kB
JavaScript
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import { useAccordion } from './AccordionContext.js';
import { componentIds } from './componentIds.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import '../Typography/Heading/Heading.js';
import { Text } from '../Typography/Text/Text.js';
import '../Typography/Code/Code.js';
import '../Typography/Display/Display.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import 'react';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import '../BladeProvider/useTheme.js';
import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
import { jsx, jsxs } from 'react/jsx-runtime';
var _excluded=["children","_description"];var BLANK_SPACE=' ';var reactNativeMultilineTextOverflowFix=jsx(BaseBox,Object.assign({},makeAccessible({hidden:true}),{children:jsx(Text,{children:BLANK_SPACE})}));var descriptionSizeToken={large:'medium',medium:'small'};var _AccordionItemBody=function _AccordionItemBody(_ref){var children=_ref.children,_description=_ref._description,rest=_objectWithoutProperties(_ref,_excluded);var _useAccordion=useAccordion(),size=_useAccordion.size;var childrenElement=typeof children==='string'||typeof children==='number'?jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:children}):children;var descriptionElement=_description&&jsx(Text,{size:descriptionSizeToken[size],color:"surface.text.gray.subtle",children:_description});var collapsibleBodyContent=isReactNative()?jsxs(BaseBox,{marginX:"spacing.5",children:[descriptionElement,jsx(BaseBox,{marginTop:_description&&children?'spacing.5':'spacing.0',children:childrenElement}),reactNativeMultilineTextOverflowFix]}):jsxs(BaseBox,{display:"flex",flexDirection:"column",gap:"spacing.5",marginBottom:"spacing.5",marginX:"spacing.5",children:[descriptionElement,childrenElement]});return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.AccordionItemBody}),makeAnalyticsAttribute(rest),{children:collapsibleBodyContent}));};var AccordionItemBody=assignWithoutSideEffects(_AccordionItemBody,{componentId:componentIds.AccordionItemBody});
export { AccordionItemBody };
//# sourceMappingURL=AccordionItemBody.js.map