import React from 'react';
import { Overlay as OverlayPrimitive, OverlayProps as OverlayPropsPrimitive } from '@modulz/primitives';

export type OverlayProps = OverlayPropsPrimitive

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

export const Overlay = React.forwardRef<PrimitiveRefType, OverlayProps>((props, ref) => {
  return (
    <OverlayPrimitive {...props} ref={ref}  styleConfig={{"base":{"overlay":{"normal":{"opacity":"30%","backgroundColor":"hsl(0, 0%, 0%)"}}},"variants":{}}}/>
  );
});


