import React from 'react';
import { Arrow as ArrowPrimitive, ArrowProps as ArrowPropsPrimitive } from '@modulz/primitives';

export type ArrowProps = ArrowPropsPrimitive

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

export const Arrow = React.forwardRef<PrimitiveRefType, ArrowProps>((props, ref) => {
  return (
    <ArrowPrimitive {...props} ref={ref}  styleConfig={{"base":{"arrow":{"normal":{"width":"8px","height":"4px","fill":"rgba(0, 0, 0, 1)"}}},"variants":{}}}/>
  );
});


