text: import e from"../../../web_modules/react.js";import{rem as t,sameBorder as i}from"../../utils/style.js";import a from"../Icon.js";import n from"../../../web_modules/@tippyjs/react.js";import l from"../../../web_modules/styled-components.js";import{useTranslation as s}from"../../../web_modules/react-i18next.js";const m=l.div.withConfig({displayName:"ChartOperations__Operations",componentId:"sc-4daiyq-0"})(["--operation-height:",";display:flex;align-items:center;height:var(--operation-height);"," overflow:hidden;> a{cursor:pointer;font-size:",";line-height:calc(var(--operation-height) - 2px);> span{vertical-align:middle;display:inline-block;padding:0 0.857142857rem;height:",";line-height:",";> *{vertical-align:middle;}}& + a{> span{border-left:1px solid var(--border-color);}}&.three-d{font-size:",";}&:hover{color:var(--primary-focused-color);}&:active{color:var(--primary-active-color);}}"],t(36),i({radius:"calc(var(--operation-height) / 2)"}),t(16),t(20),t(20),t(20)),c=({onReset:o})=>{const{t:r}=s("high-dimensional");return e.createElement(m,null,e.createElement(n,{content:r("high-dimensional:reset-zoom"),placement:"bottom",theme:"tooltip"},e.createElement("a",{onClick:()=>o==null?void 0:o()},e.createElement("span",null,e.createElement(a,{type:"reset"})))))};export default c;
  