hunk.code_window: import { SharedModule } from '../shared/shared.module';
   import { USE_CASES } from './usecases';
   import { EnvironmentsController } from './environments.controller';
   import { NotificationGroupsModule } from '../notification-groups/notification-groups.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/environments/environments.module.ts
hunk.type: add
file: import React from 'react';
  import { ComponentStory, ComponentMeta } from '@storybook/react';
  import { Text } from './Text';
  
  export default {
    title: 'Components/Typography/Text',
    component: Text,
    argTypes: {},
  } as ComponentMeta<typeof Text>;
  
  const Template: ComponentStory<typeof Text> = ({ ...args }) => <Text {...args}>Example Text</Text>;
  
  export const all = () => (
    <div>
      <Text>Default Body</Text>
      <Text size="lg">Body Large</Text>
      <Text weight="bold">Body Bold</Text>
      <Text size="md" weight="bold">
        Body Large Bold
      </Text>
    </div>
  );
  
  export const Body = Template.bind({});
  Body.args = {};
  
  export const BodyLarge = Template.bind({});
  BodyLarge.args = {
    size: 'lg',
  };
  
  export const BodyBold = Template.bind({});
  BodyBold.args = {
    weight: 'bold',
  };
  
  export const BodyLargeBold = Template.bind({});
  BodyLargeBold.args = {
    size: 'lg',
    weight: 'bold',
  };
  