planning

node_modules/decap-cms-widget-code/src/SettingsButton.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { Icon, buttons, shadows, zIndex } from 'decap-cms-ui-default';
+
+const StyledSettingsButton = styled.button`
+  ${buttons.button};
+  ${buttons.default};
+  ${shadows.drop};
+  display: block;
+  position: absolute;
+  z-index: ${zIndex.zIndex100};
+  right: 8px;
+  top: 8px;
+  opacity: 0.8;
+  padding: 2px 4px;
+  line-height: 1;
+  height: auto;
+
+  ${Icon} {
+    position: relative;
+    top: 1px;
+  }
+`;
+
+function SettingsButton({ showClose, onClick }) {
+  return (
+    <StyledSettingsButton onClick={onClick}>
+      <Icon type={showClose ? 'close' : 'settings'} size="small" />
+    </StyledSettingsButton>
+  );
+}
+
+export default SettingsButton;