@razorpay/blade
Version:
The Design System that powers Razorpay
27 lines (24 loc) • 869 B
JavaScript
import getIn from '../../utils/lodashButBetter/get.js';
import '../../utils/makeBorderSize/index.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