{"ast":null,"code":"var __jsx = React.createElement;\nimport React, { createContext, useCallback, useState } from 'react';\nimport styled from 'styled-components';\nvar Wrapper = styled.div.withConfig({\n  displayName: \"RadioGroup__Wrapper\",\n  componentId: \"h3vimk-0\"\n})([\"display:inline-flex;> *{flex-shrink:0;align-items:flex-start;}\"]);\nexport var ValueContext = createContext(null); // eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport var EventContext = createContext(function () {});\n\nvar RadioGroup = function RadioGroup(_ref) {\n  var value = _ref.value,\n      onChange = _ref.onChange,\n      children = _ref.children,\n      className = _ref.className;\n\n  var _useState = useState(value),\n      selected = _useState[0],\n      setSelected = _useState[1];\n\n  var onSelectedChange = useCallback(function (value) {\n    setSelected(value);\n    onChange === null || onChange === void 0 ? void 0 : onChange(value);\n  }, [onChange]);\n  return __jsx(EventContext.Provider, {\n    value: onSelectedChange\n  }, __jsx(ValueContext.Provider, {\n    value: selected\n  }, __jsx(Wrapper, {\n    className: className\n  }, children)));\n};\n\nexport default RadioGroup;","map":null,"metadata":{},"sourceType":"module"}