From aedaa4291db5003ff6e84d666eaec6f71907bd46 Mon Sep 17 00:00:00 2001
From: benmneb <62878664+benmneb@users.noreply.github.com>
Date: Fri, 8 Oct 2021 21:21:49 +0800
Subject: [PATCH] update import statements and header spacing

---
 README.md | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 601ec7a..465ed67 100644
--- a/README.md
+++ b/README.md
@@ -11,7 +11,6 @@
 <p align="center">
   <strong><a href="https://mui-image.surge.sh">Demo Playground ↗️</a></strong> <br />
 </p>
-<br />
 
 ### If you're already using [Material-UI v5](https://mui.com), why not display your images according to the Material guidelines too?
 
@@ -34,7 +33,13 @@ or
 ### 2. Use
 
 ```
-import Image from 'mui-image' || import { Image } from 'mui-image'
+import Image from 'mui-image'
+
+// or
+
+import { Image } from 'mui-image'
+
+// then
 
 <Image src="my-image.png" />
 ```
@@ -162,8 +167,6 @@ Any other props (eg. `sx`, `onLoad`) are passed directly to the native `img` ele
 | Optional shift animation      |                                                          ✅                                                          |                                                              ❌                                                              |
 | Supports legacy MUI versions  |                                                          ❌                                                          |                                                              ✅                                                              |
 
----
-
 ## License
 
 © [benmneb](https://github.com/benmneb)