Make input stories more different

Author: csillag

src/stories/Input/Input.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite'
 import { Input } from '../../components'
 import { Label } from '../../components'
 import { expect, within, userEvent } from 'storybook/test'
-import { SearchIcon, X as CloseIcon } from 'lucide-react'
+import { Rocket as LaunchIcon, Settings as SettingsIcon } from 'lucide-react'
 import { SearchInput as SearchInputCmp } from '../../components/input'
 import { useState } from 'react'
 
@@ -51,8 +51,8 @@ export const Default: Story = {
 export const WithManualIcon: Story = {
   render: () => (
     <div className="relative w-[300px]">
-      <SearchIcon className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
-      <Input type="search" placeholder="Search..." className="pl-8" />
+      <SettingsIcon className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
+      <Input placeholder="Search..." className="pl-8" />
     </div>
   ),
 }
@@ -61,10 +61,9 @@ export const WithStartAndEndDecoration: Story = {
   render: () => (
     <div className="w-[300px]">
       <Input
-        type="search"
         placeholder="Search..."
-        startDecoration={<SearchIcon className="h-4 w-4 text-muted-foreground" />}
-        endDecoration={<CloseIcon className="h-4 w-4 text-muted-foreground" />}
+        startDecoration={<SettingsIcon className="h-4 w-4 text-muted-foreground" />}
+        endDecoration={<LaunchIcon className="h-4 w-4 text-muted-foreground" />}
       />
     </div>
   ),