import React from 'react';
import { Radio as RadioPrimitive, RadioProps as RadioPropsPrimitive } from '@modulz/primitives';

export type RadioProps = RadioPropsPrimitive

type ExtractRefType<TypesThatMayContainReactRef> = TypesThatMayContainReactRef extends {ref?: React.Ref<infer T>} ? T : unknown;
type PrimitiveRefType = ExtractRefType<RadioPropsPrimitive>  

export const Radio = React.forwardRef<PrimitiveRefType, RadioProps>((props, ref) => {
  return (
    <RadioPrimitive {...props} ref={ref}  styleConfig={{"base":{"radio":{"normal":{"backgroundColor":"rgba(255, 255, 255, 1)","width":"16px","height":"16px","border":"1px solid","borderColor":"rgba(128, 128, 128, 1)"},"checked":{"[data-part-id=\"icon\"]":{"backgroundColor":"rgba(255, 255, 255, 1)"},"border":"1px solid","borderColor":"rgba(3, 136, 252, 1)","backgroundColor":"rgba(3, 136, 252, 1)"}},"icon":{"normal":{"backgroundColor":"rgba(255, 255, 255, 1)"}}},"variants":{}}}/>
  );
});