From 47b2eaea63f7b0cf2baaf51cb472bf7b7ea63dfa Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Thu, 25 Dec 2025 19:54:58 +0000
Subject: [PATCH] code: tsx,nextjs,frontends (1 files)

---
 frontends/nextjs/src/components/ui/molecules/Alert.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontends/nextjs/src/components/ui/molecules/Alert.tsx b/frontends/nextjs/src/components/ui/molecules/Alert.tsx
index ffc0f983f..9351307eb 100644
--- a/frontends/nextjs/src/components/ui/molecules/Alert.tsx
+++ b/frontends/nextjs/src/components/ui/molecules/Alert.tsx
@@ -1,17 +1,19 @@
 'use client'
 
 import { forwardRef, ReactNode } from 'react'
-import { Alert as MuiAlert, AlertTitle as MuiAlertTitle, AlertProps as MuiAlertProps } from '@mui/material'
+import { Alert as MuiAlert, AlertTitle as MuiAlertTitle, AlertProps as MuiAlertProps, SxProps, Theme } from '@mui/material'
 
 export type AlertVariant = 'default' | 'destructive'
 
-export interface AlertProps extends Omit<MuiAlertProps, 'variant' | 'severity'> {
+export interface AlertProps {
   variant?: AlertVariant
   children?: ReactNode
+  className?: string
+  sx?: SxProps<Theme>
 }
 
 const Alert = forwardRef<HTMLDivElement, AlertProps>(
-  ({ variant = 'default', children, sx, ...props }, ref) => {
+  ({ variant = 'default', children, className, sx, ...props }, ref) => {
     const severity = variant === 'destructive' ? 'error' : 'info'
 
     return (
@@ -19,6 +21,7 @@ const Alert = forwardRef<HTMLDivElement, AlertProps>(
         ref={ref}
         severity={severity}
         variant="outlined"
+        className={className}
         sx={{
           borderRadius: 2,
           ...sx,