@razorpay/blade
Version:
The Design System that powers Razorpay
8 lines (5 loc) • 716 B
JavaScript
import getIn from '../../utils/lodashButBetter/get.js';
import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
var getAnimatedChipStyles=function getAnimatedChipStyles(_ref){var theme=_ref.theme,isDesktop=_ref.isDesktop,borderColor=_ref.borderColor;return {backgroundColor:'transparent',borderRadius:makeBorderSize(theme.border.radius.max),borderColor:getIn(theme.colors,borderColor),borderWidth:getIn(theme,'border.width.thin'),display:'flex',flexWrap:'nowrap',flexDirection:'row',alignItems:'center',justifyContent:'center',textAlign:'left',textOverflow:'ellipsis',maxWidth:isDesktop?'420px':'280px'};};
export { getAnimatedChipStyles };
//# sourceMappingURL=getAnimatedChipStyles.js.map