'use client';

import React from 'react';
import { Box, Typography, IconButton } from '@mui/material';
import NotificationsIcon from '@mui/icons-material/Notifications';

const NotificationHeader = () => {
  return (
    <Box sx={{ display: 'flex', alignItems: 'center', mb: 3 }}>
      <Typography variant="h4" component="h1" sx={{ fontWeight: 'semibold', color: 'primary.main'}}>
        Notifications
      </Typography>
      <IconButton sx={{ ml: 1 }}>
        <NotificationsIcon sx={{ color: 'primary.main' , width: '40px', height: '40px'}} />
      </IconButton>
    </Box>
  );
};

export default NotificationHeader;