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 : any;
type PrimitiveRefType = ExtractRefType<RadioPropsPrimitive>  

export const Radio = React.forwardRef<PrimitiveRefType, RadioProps>((props, ref) => {
  return (
    <RadioPrimitive {...props} ref={ref}  styleConfig={{"base":{"radio":{"normal":{"backgroundColor":"hsl(0, 0%, 100%)","border":"1px solid","borderColor":"rgba(245, 247, 249, 1)","width":"24px","height":"24px"}},"icon":{"normal":{"backgroundColor":"rgba(0, 0, 0, 1)"}}},"variants":{}}}/>
  );
});


