fix: updated readme

Author: biomathcode

README.md

@@ -2,6 +2,8 @@
 
 # 🦷 `react-odontogram`
 
+
+
 [![npm version](https://img.shields.io/npm/v/react-odontogram?color=blue\&label=npm)](https://www.npmjs.com/package/react-odontogram)
 [![npm downloads](https://img.shields.io/npm/dm/react-odontogram?color=green\&label=downloads)](https://www.npmjs.com/package/react-odontogram)
 [![Storybook](https://img.shields.io/badge/Storybook-Demo-orange)](https://biomathcode.github.io/react-odontogram)
@@ -11,6 +13,14 @@ Built with SVG and React hooks — fully customizable, accessible, and designed
 
 ---
 
+## 🖼️ Preview
+
+| Light Mode                                 | Dark Mode                                |
+| ------------------------------------------ | ---------------------------------------- |
+| ![Light preview](/assets/previewlight.png) | ![Dark preview](/assets/previewdark.png) |
+
+---
+
 ## 🧩 Demo
 
 👉 **Live Preview:** [https://biomathcode.github.io/react-odontogram](https://biomathcode.github.io/react-odontogram)

assets/previewdark.png

@@ -24,7 +24,6 @@ export interface TeethProps {
 	shadowPath: string;
 	lineHighlightPath: string | string[];
 	selected?: boolean;
-	showTooltip?: boolean;
 	onClick?: (name: string) => void;
 	onKeyDown?: (e: React.KeyboardEvent<SVGGElement>, name: string) => void;
 	children?: React.ReactNode;
@@ -55,10 +54,8 @@ export interface OdontogramProps {
 		placement?: Placement;
 		margin?: number;
 		content?: React.ReactNode | ((payload?: ToothDetail) => React.ReactNode);
-
 	};
 	showTooltip?: boolean;
-
 }
 
 export function convertFDIToNotation(