@razorpay/blade/build/lib/native/components/Card/CardSurface.native.js

The Design System that powers Razorpay

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 '../../tokens/global/typography.js';
import '../../tokens/global/motion.js';
import '../BladeProvider/useTheme.js';
import { jsx } from 'react/jsx-runtime';

var _excluded=["children","backgroundColor","onTouchEnd","onTouchStart","onPointerDown","onPointerEnter","pointerEvents","colorScheme","isSelected"];var CardSurfaceStyled=styled(BaseBox)(function(_ref){var theme=_ref.theme;return {width:'100%',display:'flex',flexDirection:'column',borderWidth:makeBorderSize(theme.border.width.thin),borderStyle:'solid',borderColor:`${theme.colors.surface.border.gray.muted}`};});var CardSurface=function CardSurface(_ref2){var children=_ref2.children,backgroundColor=_ref2.backgroundColor,onTouchEnd=_ref2.onTouchEnd,onTouchStart=_ref2.onTouchStart,onPointerDown=_ref2.onPointerDown,onPointerEnter=_ref2.onPointerEnter,pointerEvents=_ref2.pointerEvents;_ref2.colorScheme;_ref2.isSelected;var props=_objectWithoutProperties(_ref2,_excluded);return jsx(CardSurfaceStyled,Object.assign({},props,{backgroundColor:backgroundColor,onPointerEnter:castNativeType(onPointerEnter),onPointerDown:castNativeType(onPointerDown),onTouchStart:castNativeType(onTouchStart),onTouchEnd:castNativeType(onTouchEnd),pointerEvents:castNativeType(pointerEvents),children:children}));};

export { CardSurface };
//# sourceMappingURL=CardSurface.native.js.map