@razorpay/blade
Version:
The Design System that powers Razorpay
61 lines (58 loc) • 1.99 kB
JavaScript
import 'react';
import '../Box/BaseBox/index.js';
import '../Button/index.js';
import '../Link/index.js';
import '../Icons/index.js';
import { jsxs, jsx } from 'react/jsx-runtime';
import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
import Link from '../Link/Link/Link.js';
import PlusIcon from '../Icons/PlusIcon/PlusIcon.js';
import Button from '../Button/Button/Button.js';
import StopCircleIcon from '../Icons/StopCircleIcon/StopCircleIcon.js';
import ArrowUpIcon from '../Icons/ArrowUpIcon/ArrowUpIcon.js';
var ChatInputActionBar = function ChatInputActionBar(_ref) {
var isDisabled = _ref.isDisabled,
isGenerating = _ref.isGenerating,
isSubmitDisabled = _ref.isSubmitDisabled,
onUploadClick = _ref.onUploadClick,
onSubmit = _ref.onSubmit,
onStop = _ref.onStop;
return /*#__PURE__*/jsxs(BaseBox, {
display: "flex",
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
padding: "spacing.5",
children: [/*#__PURE__*/jsx(Link, {
variant: "button",
color: "neutral",
size: "small",
icon: PlusIcon,
onClick: onUploadClick,
isDisabled: isDisabled,
children: "Upload file"
}), /*#__PURE__*/jsx(BaseBox, {
children: isGenerating ? /*#__PURE__*/jsx(Button, {
icon: StopCircleIcon,
variant: "secondary",
accessibilityLabel: "Stop generation",
onClick: function onClick() {
return onStop === null || onStop === void 0 ? void 0 : onStop();
},
size: "small"
}) : /*#__PURE__*/jsx(Button, {
icon: ArrowUpIcon,
variant: "primary",
color: "primary",
accessibilityLabel: "Submit",
onClick: onSubmit
// eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
,
isDisabled: isSubmitDisabled || isDisabled,
size: "small"
})
})]
});
};
export { ChatInputActionBar };
//# sourceMappingURL=ChatInputActionBar.js.map