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":{"fontSize":"14px","borderTopRightRadius":"4px","color":"hsl(0, 0%, 100%)","height":"32px","borderBottomRightRadius":"4px","backgroundColor":"hsl(0, 0%, 0%)","borderTopLeftRadius":"4px","paddingLeft":"8px","borderBottomLeftRadius":"4px","paddingRight":"8px","fontFamily":"-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\""}},"arrow":{"normal":{"height":"4px","width":"8px","fill":"hsl(0, 0%, 0%)"}}},"variants":{}}}/>
  );
});


