import React from 'react';
import { Tooltip as TooltipPrimitive, TooltipProps as TooltipPropsPrimitive } from '@modulz/primitives';

export type TooltipProps = TooltipPropsPrimitive

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

export const Tooltip = React.forwardRef<PrimitiveRefType, TooltipProps>((props, ref) => {
  return (
    <TooltipPrimitive {...props} ref={ref}  noArrow={false} styleConfig={{"base":{"content":{"normal":{"borderTopLeftRadius":"2px","color":"rgba(19, 19, 21, 1)","letterSpacing":"-0.5px","borderBottomLeftRadius":"2px","fontFamily":"Fira Mono,monospace","borderTopRightRadius":"2px","paddingLeft":"8px","backgroundColor":"rgba(250, 253, 255, 0.5)","height":"24px","borderBottomRightRadius":"2px","fontSize":"12px","paddingRight":"8px"}},"arrow":{"normal":{"fill":"rgba(250, 253, 255, 0.5)","width":"8px","height":"4px"}}},"variants":{}}}/>
  );
});