import React from 'react';
import { Header as HeaderPrimitive, HeaderProps as HeaderPropsPrimitive } from '@modulz/primitives';

export type HeaderProps = HeaderPropsPrimitive

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

export const Header = React.forwardRef<PrimitiveRefType, HeaderProps>((props, ref) => {
  return (
    <HeaderPrimitive {...props} ref={ref}  isSticky={true} styleConfig={{"base":{"header":{"normal":{"height":"64px","boxShadow":"0 2px 4px 0 rgba(0, 0, 0, 0.15)","backgroundColor":"hsl(240, 20%, 95%)"}}},"variants":{}}}/>
  );
});


