feat(4D): Add 4D dynamic volume rendering and new pre-clinical 4d pt/ct mode (#3664)

Co-authored-by: Alireza <ar.sedghi@gmail.com>
Co-authored-by: Neil <neil.a.macphee@gmail.com>

platform/ui/src/components/ActionButtons/ActionButtons.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Button, ButtonEnums } from '../../components';
+
+function ActionButtons({ actions, disabled, t }) {
+  return (
+    <React.Fragment>
+      {actions.map((action, index) => (
+        <Button
+          key={index}
+          onClick={action.onClick}
+          disabled={disabled || action.disabled}
+          type={ButtonEnums.type.secondary}
+          size={ButtonEnums.size.small}
+          className={index > 0 ? 'ml-2' : ''}
+        >
+          {t ? t(action.label) : action.label}
+        </Button>
+      ))}
+    </React.Fragment>
+  );
+}
+
+ActionButtons.propTypes = {
+  actions: PropTypes.arrayOf(
+    PropTypes.shape({
+      label: PropTypes.string.isRequired,
+      onClick: PropTypes.func.isRequired,
+      disabled: PropTypes.bool,
+    })
+  ).isRequired,
+  disabled: PropTypes.bool,
+};
+
+ActionButtons.defaultProps = {
+  disabled: false,
+};
+
+export default ActionButtons;

platform/ui/src/components/ActionButtons/index.ts

@@ -0,0 +1,3 @@
+import ActionButtons from './ActionButtons';
+
+export default ActionButtons;