import React from 'react';
import { Avatar as AvatarPrimitive, AvatarProps as AvatarPropsPrimitive } from '@modulz/primitives';

export type AvatarProps = AvatarPropsPrimitive & {
  
}

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

export const Avatar = React.forwardRef<PrimitiveRefType, AvatarProps>((props, ref) => {
  return (
    <AvatarPrimitive {...props} ref={ref}  styleConfig={{"base":{"avatar":{"normal":{"borderTopLeftRadius":"50%","fontWeight":"600","borderTopRightRadius":"50%","height":"32px","borderBottomLeftRadius":"50%","fontSize":"12px","color":"rgba(255, 255, 255, 1)","width":"32px","borderBottomRightRadius":"50%","fontFamily":"Inter,sans-serif","backgroundColor":"rgba(128, 128, 128, 1)","fontStyle":"normal"}}},"variants":{}}}/>
  );
});