@razorpay/blade
Version:
The Design System that powers Razorpay
49 lines (46 loc) • 1.42 kB
JavaScript
import 'react';
import '../Box/BaseBox/index.js';
import '../Button/index.js';
import '../Divider/index.js';
import { useIsMobile } from '../../utils/useIsMobile.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
import { Divider } from '../Divider/Divider.js';
import Button from '../Button/Button/Button.js';
var CalendarFooter = function CalendarFooter(_ref) {
var onApply = _ref.onApply,
onCancel = _ref.onCancel,
isButtonDisabled = _ref.isButtonDisabled;
var isMobile = useIsMobile();
return /*#__PURE__*/jsxs(BaseBox, {
display: "flex",
flexDirection: "column",
gap: "spacing.5",
children: [isMobile ? null : /*#__PURE__*/jsx(Divider, {}), /*#__PURE__*/jsxs(BaseBox, {
width: {
base: '100%',
m: 'auto'
},
marginLeft: "auto",
display: "flex",
flexDirection: "row",
gap: "spacing.4",
children: [/*#__PURE__*/jsx(Button, {
isFullWidth: isMobile,
variant: "tertiary",
size: "medium",
onClick: onCancel,
children: "Cancel"
}), /*#__PURE__*/jsx(Button, {
isDisabled: isButtonDisabled,
isFullWidth: isMobile,
variant: "primary",
size: "medium",
onClick: onApply,
children: "Apply"
})]
})]
});
};
export { CalendarFooter };
//# sourceMappingURL=CalendarFooter.web.js.map