{"ast":null,"code":"var __jsx = React.createElement;\nimport React, { useEffect, useState } from 'react';\nimport Button from '~/components/Button';\nimport { rem } from '~/utils/style';\nimport styled from 'styled-components';\nimport { useTranslation } from '~/utils/i18n';\nvar StyledButton = styled(Button).withConfig({\n  displayName: \"RunningToggle__StyledButton\",\n  componentId: \"sc-172nzkk-0\"\n})([\"margin-top:\", \";width:100%;text-transform:uppercase;\"], rem(40));\n\nvar RunningToggle = function RunningToggle(_ref) {\n  var running = _ref.running,\n      onToggle = _ref.onToggle;\n\n  var _useTranslation = useTranslation('common'),\n      t = _useTranslation.t;\n\n  var _useState = useState(!!running),\n      state = _useState[0],\n      setState = _useState[1];\n\n  useEffect(function () {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(state);\n  }, [onToggle, state]);\n  return __jsx(StyledButton, {\n    onClick: function onClick() {\n      return setState(function (s) {\n        return !s;\n      });\n    },\n    type: state ? 'primary' : 'danger'\n  }, t(state ? 'running' : 'stopped'));\n};\n\nexport default RunningToggle;","map":null,"metadata":{},"sourceType":"module"}