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 : unknown;
type PrimitiveRefType = ExtractRefType<ArrowPropsPrimitive>  

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