{"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';\nconst StyledButton = styled(Button).withConfig({\n  displayName: \"RunningToggle__StyledButton\",\n  componentId: \"sc-172nzkk-0\"\n})([\"margin-top:\", \";width:100%;text-transform:uppercase;\"], rem(40));\n\nconst RunningToggle = ({\n  running,\n  onToggle\n}) => {\n  const {\n    t\n  } = useTranslation('common');\n  const {\n    0: state,\n    1: setState\n  } = useState(!!running);\n  useEffect(() => {\n    onToggle === null || onToggle === void 0 ? void 0 : onToggle(state);\n  }, [onToggle, state]);\n  return __jsx(StyledButton, {\n    onClick: () => setState(s => !s),\n    type: state ? 'primary' : 'danger'\n  }, t(state ? 'running' : 'stopped'));\n};\n\nexport default RunningToggle;","map":null,"metadata":{},"sourceType":"module"}