@razorpay/blade
Version:
The Design System that powers Razorpay
16 lines (13 loc) • 1.23 kB
JavaScript
import styled from 'styled-components/native';
import 'react';
import { paddingY, paddingX } from './tabTokens.js';
import getIn from '../../utils/lodashButBetter/get.js';
import 'react-native';
import '@babel/runtime/helpers/slicedToArray';
import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
import '../BladeProvider/useTheme.js';
import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
import { jsx, Fragment } from 'react/jsx-runtime';
var StyledTabButton=styled(BaseBox)(function(_ref){var theme=_ref.theme,size=_ref.size,variant=_ref.variant,isFullWidthTabItem=_ref.isFullWidthTabItem;var _variant=variant==='bordered'?'bordered':'filled';return {display:'flex',alignItems:'center',flexDirection:'row',width:isFullWidthTabItem?'100%':undefined,paddingTop:makeSpace(getIn(theme,paddingY[_variant].horizontal.mobile[size])),paddingBottom:makeSpace(getIn(theme,paddingY[_variant].horizontal.mobile[size])),paddingLeft:makeSpace(getIn(theme,paddingX[_variant].horizontal.mobile[size])),paddingRight:makeSpace(getIn(theme,paddingX[_variant].horizontal.mobile[size]))};});var TabItem=function TabItem(_props){return jsx(Fragment,{});};
export { StyledTabButton, TabItem };
//# sourceMappingURL=TabItem.native.js.map