From 209849519d6d87e93d8b43dc5dc163ca737e910b Mon Sep 17 00:00:00 2001
From: Gaurav Nyaupane <nightmaregaurav@users.noreply.github.com>
Date: Sun, 10 Nov 2024 18:30:30 +0545
Subject: [PATCH] QOL

---
 README.md | 33 ++++++++++++++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index da202d3..26bfd39 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,38 @@ npm install @nightmaregaurav/react-profile-picture
 
 ### Usage
 ```typescript
-import { createEndpointsAndModels } from '@nightmaregaurav/swagger-endpoints-gen';
+import React, {CSSProperties} from 'react';
+import ProfilePicture from "@nightmaregaurav/react-profile-picture";
+
+interface ProfilePhotoProps {
+  size: Exclude<CSSProperties["width"], undefined>;
+  imageUrl: string;
+  showOnlineBadge: boolean;
+  isOnline?: boolean;
+  onlineBadgeColor?: Exclude<CSSProperties["color"], undefined>;
+}
+
+const ProfilePhoto = (
+  {
+    size,
+    imageUrl,
+    showOnlineBadge,
+    isOnline = false,
+    onlineBadgeColor = "#44b700",
+  }: ProfilePhotoProps,
+) => {
+  return (
+    <ProfilePicture
+      size={size}
+      imageUrl={imageUrl}
+      showOnlineBadge={showOnlineBadge}
+      isOnline={isOnline}
+      onlineBadgeColor={onlineBadgeColor}
+    />
+  );
+};
+
+export default ProfilePhoto;
 
 ```