From 5fefa492e369ff3dcfaa8ad25f8b06004ff08756 Mon Sep 17 00:00:00 2001
From: Zeeshan Tamboli <zeeshan.tamboli@gmail.com>
Date: Thu, 15 Aug 2024 16:08:38 +0530
Subject: [PATCH] [docs][material-ui][Popover] Fix description and title of
 hover interaction section (#43290)

---
 .../popover/{MouseOverPopover.js => MouseHoverPopover.js}   | 2 +-
 .../popover/{MouseOverPopover.tsx => MouseHoverPopover.tsx} | 2 +-
 docs/data/material/components/popover/popover.md            | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename docs/data/material/components/popover/{MouseOverPopover.js => MouseHoverPopover.js} (96%)
 rename docs/data/material/components/popover/{MouseOverPopover.tsx => MouseHoverPopover.tsx} (96%)

diff --git a/docs/data/material/components/popover/MouseOverPopover.js b/docs/data/material/components/popover/MouseHoverPopover.js
similarity index 96%
rename from docs/data/material/components/popover/MouseOverPopover.js
rename to docs/data/material/components/popover/MouseHoverPopover.js
index bd5fe5422818bd..83a57ffd90aa62 100644
--- a/docs/data/material/components/popover/MouseOverPopover.js
+++ b/docs/data/material/components/popover/MouseHoverPopover.js
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Popover from '@mui/material/Popover';
 import Typography from '@mui/material/Typography';
 
-export default function MouseOverPopover() {
+export default function MouseHoverPopover() {
   const [anchorEl, setAnchorEl] = React.useState(null);
 
   const handlePopoverOpen = (event) => {
diff --git a/docs/data/material/components/popover/MouseOverPopover.tsx b/docs/data/material/components/popover/MouseHoverPopover.tsx
similarity index 96%
rename from docs/data/material/components/popover/MouseOverPopover.tsx
rename to docs/data/material/components/popover/MouseHoverPopover.tsx
index fd713c0b17e705..2891baf1863157 100644
--- a/docs/data/material/components/popover/MouseOverPopover.tsx
+++ b/docs/data/material/components/popover/MouseHoverPopover.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import Popover from '@mui/material/Popover';
 import Typography from '@mui/material/Typography';
 
-export default function MouseOverPopover() {
+export default function MouseHoverPopover() {
   const [anchorEl, setAnchorEl] = React.useState<HTMLElement | null>(null);
 
   const handlePopoverOpen = (event: React.MouseEvent<HTMLElement>) => {
diff --git a/docs/data/material/components/popover/popover.md b/docs/data/material/components/popover/popover.md
index 5379cf0ecf4176..ef9801792a7320 100644
--- a/docs/data/material/components/popover/popover.md
+++ b/docs/data/material/components/popover/popover.md
@@ -30,11 +30,11 @@ the position of the popover.
 
 {{"demo": "AnchorPlayground.js", "hideToolbar": true}}
 
-## Mouse over interaction
+## Mouse hover interaction
 
-This demo demonstrates how to use the `Popover` component and the mouseover event to achieve popover behavior.
+This demo demonstrates how to use the `Popover` component with `mouseenter` and `mouseleave` events to achieve popover behavior.
 
-{{"demo": "MouseOverPopover.js"}}
+{{"demo": "MouseHoverPopover.js"}}
 
 ## Virtual element