@razorpay/blade/build/lib/native/components/Divider/Divider.js

The Design System that powers Razorpay

import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import _defineProperty from '@babel/runtime/helpers/defineProperty';
import React__default from 'react';
import styled from 'styled-components/native';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
import '@babel/runtime/helpers/slicedToArray';
import 'react-native';
import '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import { isReactNative } from '../../utils/platform/isReactNative.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
import '../BladeProvider/useTheme.js';
import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
import { jsx } from 'react/jsx-runtime';

var _excluded=["orientation","dividerStyle","variant","thickness","height","width","testID"];var StyledDivider=styled(BaseBox)(function(_ref){var theme=_ref.theme,borderPosition=_ref.borderPosition,dividerStyle=_ref.dividerStyle,thickness=_ref.thickness,isDividerHorizontal=_ref.isDividerHorizontal,width=_ref.width,height=_ref.height;return Object.assign(_defineProperty(_defineProperty({borderWidth:0},`${borderPosition}Style`,dividerStyle),`${borderPosition}Width`,makeBorderSize(theme.border.width[thickness])),isDividerHorizontal?{flexGrow:1,width:width}:{alignSelf:'stretch',height:height});});var _Divider=function _Divider(_ref2,ref){var _ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'horizontal':_ref2$orientation,_ref2$dividerStyle=_ref2.dividerStyle,dividerStyle=_ref2$dividerStyle===void 0?'solid':_ref2$dividerStyle,_ref2$variant=_ref2.variant,variant=_ref2$variant===void 0?'muted':_ref2$variant,_ref2$thickness=_ref2.thickness,thickness=_ref2$thickness===void 0?'thin':_ref2$thickness,height=_ref2.height,width=_ref2.width,testID=_ref2.testID,styledProps=_objectWithoutProperties(_ref2,_excluded);var isDividerHorizontal=orientation==='horizontal';var borderPosition=isDividerHorizontal?'borderBottom':'borderLeft';var borderColor=_defineProperty({},`${borderPosition}Color`,`surface.border.gray.${variant}`);var accessibilityProps=isReactNative()?{}:makeAccessible({role:'separator'});return jsx(StyledDivider,Object.assign({ref:ref,borderPosition:borderPosition,isDividerHorizontal:isDividerHorizontal,dividerStyle:dividerStyle,thickness:thickness,height:height,width:width},borderColor,metaAttribute({name:MetaConstants.Divider,testID:testID}),getStyledProps(styledProps),accessibilityProps));};var Divider=React__default.forwardRef(_Divider);

export { Divider };
//# sourceMappingURL=Divider.js.map