import React from 'react';
import { Container as ContainerPrimitive, ContainerProps as ContainerPropsPrimitive } from '@modulz/primitives';

export type ContainerProps = ContainerPropsPrimitive

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

export const Container = React.forwardRef<PrimitiveRefType, ContainerProps>((props, ref) => {
  return (
    <ContainerPrimitive {...props} ref={ref}  styleConfig={{"base":{"container":{"normal":{"paddingLeft":"0","maxWidth":"720px","paddingRight":"0"}}},"variants":{}}}/>
  );
});