@razorpay/blade
Version:
The Design System that powers Razorpay
16 lines (13 loc) • 1.78 kB
JavaScript
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import 'react';
import styled from 'styled-components/native';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import { castNativeType } from '../../utils/platform/castUtils.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
import '../BladeProvider/useTheme.js';
import { jsx } from 'react/jsx-runtime';
var _excluded=["children","elevation","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var elevation=_ref.elevation,theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:elevation==='none'?makeBorderSize(theme.border.width.thin):undefined,borderStyle:elevation==='none'?'solid':undefined,borderColor:elevation==='none'?`${theme.colors.surface.border.gray.muted}`:undefined};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,elevation=_ref2.elevation,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents,props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,elevation:elevation,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};
export { CardSurface };
//# sourceMappingURL=CardSurface.native.js.map