{"version":3,"file":"TimeSyncButton.mjs","sources":["../../../../src/components/DateTimePickers/TimeSyncButton.tsx"],"sourcesContent":["import { ToolbarButton } from '../ToolbarButton';\nimport { Tooltip } from '../Tooltip';\n\ninterface TimeSyncButtonProps {\n  isSynced: boolean;\n  onClick: () => void;\n}\n\nexport function TimeSyncButton(props: TimeSyncButtonProps) {\n  const { onClick, isSynced } = props;\n\n  const syncTimesTooltip = () => {\n    const tooltip = isSynced ? 'Unsync all views' : 'Sync all views to this time range';\n    return <>{tooltip}</>;\n  };\n\n  return (\n    <Tooltip content={syncTimesTooltip} placement=\"bottom\">\n      <ToolbarButton\n        icon=\"link\"\n        variant={isSynced ? 'active' : 'canvas'}\n        aria-label={isSynced ? 'Un sync times' : 'Sync times'}\n        onClick={onClick}\n      />\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAQO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,OAAS,EAAA,QAAA,EAAa,GAAA,KAAA;AAE9B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAM,MAAA,OAAA,GAAU,WAAW,kBAAqB,GAAA,mCAAA;AAChD,IAAA,uCAAU,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,GACpB;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAS,EAAA,gBAAA,EAAkB,WAAU,QAC5C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,MAAA;AAAA,MACL,OAAA,EAAS,WAAW,QAAW,GAAA,QAAA;AAAA,MAC/B,YAAA,EAAY,WAAW,eAAkB,GAAA,YAAA;AAAA,MACzC;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}