Alert

1'use client';
2 
3import { forwardRef } from 'react';
4import { useComponentConfig } from '../config-provider/context';
5import AlertUI from './AlertUI';
6import type { AlertProps } from './types';
7 
8const Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {
9  const config = useComponentConfig('alert');
10 
11  const mergedProps = {
12    ...config,
13    ...props
14  };
15 
16  return (
17    <AlertUI
18      {...mergedProps}
19      ref={ref}
20    />
21  );
22});
23 
24Alert.displayName = 'Alert';
25 
26export default Alert;