@razorpay/blade
Version:
The Design System that powers Razorpay
24 lines (21 loc) • 773 B
JavaScript
import 'react';
import '../../Icons/index.js';
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
import ChevronDownIcon from '../../Icons/ChevronDownIcon/ChevronDownIcon.js';
import ChevronUpIcon from '../../Icons/ChevronUpIcon/ChevronUpIcon.js';
var Chevron = function Chevron(props) {
var iconColor = "surface.icon.gray.".concat(props.isDisabled ? 'disabled' : 'muted');
return /*#__PURE__*/jsxs(Fragment, {
children: [/*#__PURE__*/jsx(ChevronDownIcon, {
display: props.isOpen ? 'none' : 'flex',
size: "medium",
color: iconColor
}), /*#__PURE__*/jsx(ChevronUpIcon, {
display: props.isOpen ? 'flex' : 'none',
size: "medium",
color: iconColor
})]
});
};
export { Chevron };
//# sourceMappingURL=Chevron.js.map