{"ast":null,"code":"var __jsx = React.createElement;\nimport React, { createContext, useCallback, useState } from 'react';\nimport styled from 'styled-components';\nconst Wrapper = styled.div.withConfig({\n  displayName: \"RadioGroup__Wrapper\",\n  componentId: \"h3vimk-0\"\n})([\"display:inline-flex;> *{flex-shrink:0;align-items:flex-start;}\"]);\nexport const ValueContext = createContext(null); // eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport const EventContext = createContext(() => {});\n\nconst RadioGroup = ({\n  value,\n  onChange,\n  children,\n  className\n}) => {\n  const {\n    0: selected,\n    1: setSelected\n  } = useState(value);\n  const onSelectedChange = useCallback(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"}