@gechiui/components/build-module/radio/index.js

UI components for GeChiUI.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@gechiui/element";

/**
 * External dependencies
 */
import { Radio as ReakitRadio } from 'reakit/Radio';
/**
 * GeChiUI dependencies
 */

import { useContext, forwardRef } from '@gechiui/element';
/**
 * Internal dependencies
 */

import Button from '../button';
import RadioContext from '../radio-context';

function Radio(_ref, ref) {
  let {
    children,
    value,
    ...props
  } = _ref;
  const radioContext = useContext(RadioContext);
  const checked = radioContext.state === value;
  return createElement(ReakitRadio, _extends({
    ref: ref,
    as: Button,
    variant: checked ? 'primary' : 'secondary',
    value: value
  }, radioContext, props), children || value);
}

export default forwardRef(Radio);
//# sourceMappingURL=index.js.map