hunk.code_window: import { FeedsController } from './feeds.controller';
   import { SharedModule } from '../shared/shared.module';
   import { ChangeModule } from '../change/change.module';
   import { MessageTemplateModule } from '../message-template/message-template.module';
   @Module({
  
hunk.labels: keep keep keep add keep keep
hunk.after_edit: import { AuthModule } from '../auth/auth.module';
  
hunk.file_path: apps/api/src/app/feeds/feeds.module.ts
hunk.type: add
file: import React from 'react';
  import { ComponentStory, ComponentMeta } from '@storybook/react';
  import { Input } from './Input';
  import { Copy } from '../icons';
  
  export default {
    title: 'Inputs/Input',
    component: Input,
    argTypes: {
      value: {
        table: {
          disable: true,
        },
      },
      onChange: {
        table: {
          disable: true,
        },
      },
    },
  } as ComponentMeta<typeof Input>;
  
  const Template: ComponentStory<typeof Input> = ({ ...args }) => <Input {...args} />;
  
  export const PrimaryUse = Template.bind({});
  PrimaryUse.args = {
    label: 'Notification Name',
    placeholder: 'Notification name goes here...',
  };
  
  export const WithDescription = Template.bind({});
  WithDescription.args = {
    label: 'Notification Name',
    description: 'Will be used as identifier',
    placeholder: 'Notification name goes here...',
  };
  
  export const WithIcon = Template.bind({});
  WithIcon.args = {
    label: 'Notification Name',
    value: 'e297cdd6cf29ea8f566c06da18ccf151',
    rightSection: <Copy />,
  };
  
  export const Error = Template.bind({});
  Error.args = {
    label: 'Your Email',
    value: 'NotGood@email.com',
    error: 'Not Good!',
  };
  