docs: improve docs

Author: TimMikeladze

.storybook/main.ts

@@ -42,7 +42,7 @@ const config: StorybookConfig = {
 				: ""
 		}
 	<meta name="title" content="react-install-command" />
-	<meta name="description" content="A React component for rendering a 'npm install <package name>' command block. Supports multiple package managers and themes. Drop it into your MDX code, a ShadCN UI component, a Tailwind codebase, use our built in styles or go unstyled. You choose." />
+	<meta name="description" content="A React component for rendering a 'npm install package-name' command block. Supports multiple package managers and themes. Drop it into your MDX code, a ShadCN UI component, a Tailwind codebase, use built-in styles or go unstyled. You choose." />
   `,
 };
 export default config;

README.md

@@ -1,10 +1,12 @@
 # 📡 React Install Command
 
-A React component for rendering a 'npm install <package name>' code block. Supports multiple package managers and variations of install commands. Totally customizable. Drop it into an MDX file, a Shadcn component, a Tailwind codebase, use our built in styles or even go unstyled. You choose.
+A React component for rendering a 'npm install package-name' code block. Supports multiple package managers and variations of install commands. Totally customizable. Drop it into an MDX file, a Shadcn component, a Tailwind codebase, use built-in styles or even go unstyled. You choose.
 
 Visit the [Storybook](https://react-install-command.vercel.app/) for examples and documentation.
 
-![React Command Block Demo](./docs/readme.png)
+![React Install Command Light](./docs/readme-light.png)
+
+![React Install Command Dark](./docs/readme-dark.png)
 
 ## Features
 

docs/readme-dark.png

@@ -1,6 +1,6 @@
 {
 	"name": "react-install-command",
-	"description": "A React component for rendering a 'npm install <package name>' command block. Supports multiple package managers and themes. Drop it into your MDX code, a ShadCN UI component, a Tailwind codebase, use our built in styles or go unstyled. You choose.",
+	"description": "A React component for rendering a 'npm install package-name' command block. Supports multiple package managers and themes. Drop it into your MDX code, a ShadCN UI component, a Tailwind codebase, use built-in styles or go unstyled. You choose.",
 	"version": "1.1.0",
 	"author": "Tim Mikeladze <tim.mikeladze@gmail.com>",
 	"license": "MIT",

docs/readme-light.png

@@ -586,12 +586,7 @@ export const CustomStorageKey: Story = {
 export const WithScreenshotCapability: Story = {
 	render: () => (
 		<ComponentScreenshot>
-			<InstallCommand
-				packageName="react-install-command"
-				isDev={true}
-				version="^1.0.0"
-				theme="dark"
-			/>
+			<InstallCommand packageName="react-install-command" />
 		</ComponentScreenshot>
 	),
 	parameters: {