import React from 'react';
import { Alert as AlertPrimitive, AlertProps as AlertPropsPrimitive } from '@modulz/primitives';

export type AlertProps = AlertPropsPrimitive

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

export const Alert = React.forwardRef<PrimitiveRefType, AlertProps>((props, ref) => {
  return (
    <AlertPrimitive {...props} ref={ref}  styleConfig={{"base":{"alert":{"normal":{"borderBottomLeftRadius":"2px","borderBottomRightRadius":"2px","borderTopLeftRadius":"2px","paddingTop":"16px","paddingBottom":"16px","paddingLeft":"16px","border":"none","backgroundColor":"rgba(128, 128, 128, 1)","borderTopRightRadius":"2px","paddingRight":"16px"}}},"variants":{}}}/>
  );
});