Web: Component: create icon viewer component

2022-10-12 23:09:44 +05:00 · 2022-10-12 23:09:44 +05:00 · c5d52b1025
commit c5d52b1025
parent 75b36b8b34
1 changed files with 23 additions and 0 deletions
--- a/packages/components/viewer/sub-components/icon.js
+++ b/packages/components/viewer/sub-components/icon.js
@ -0,0 +1,23 @@
+import * as React from "react";
+
+export const ActionType = {
+  zoomIn: 1,
+  zoomOut: 2,
+  prev: 3,
+  next: 4,
+  rotateLeft: 5,
+  rotateRight: 6,
+  reset: 7,
+  close: 8,
+  scaleX: 9,
+  scaleY: 10,
+  download: 11,
+};
+
+export default function Icon(props) {
+  let prefixCls = "react-viewer-icon";
+
+  return (
+    <i className={`${prefixCls} ${prefixCls}-${ActionType[props.type]}`}></i>
+  );
+}