hunk.code_window: export function FormError({ children }: PropsWithChildren<unknown>) {
     return (
       <div className="small text-warning">
         <i
           className="fa fa-exclamation-triangle space-right"
           aria-hidden="true"
         />
         {children}
       </div>
     );
  
hunk.labels: keep keep replace replace replace replace keep keep keep keep
hunk.after_edit:     <div className="small text-warning vertical-center">
         <Icon
           icon="alert-triangle"
           feather
           className="icon icon-sm icon-warning"
  
hunk.file_path: app/react/components/form-components/FormError.tsx
hunk.type: replace
file: <div class="environment-variables-simple-mode">
    <div class="col-sm-12">
      <a class="small interactive" ng-click="$ctrl.onSwitchModeClick()"> <pr-icon icon="'list'" feather="true"></pr-icon> Advanced mode </a>
    </div>
    <div class="col-sm-12 small text-muted">
      <pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
      Switch to advanced mode to copy & paste multiple variables
    </div>
    <div class="col-sm-12 environment-variables-simple-mode--actions">
      <button type="button" class="btn btn-sm btn-default" ng-click="$ctrl.add()"> <pr-icon icon="'plus'" feather="true"></pr-icon> Add an environment variable </button>
      <button
        type="button"
        class="btn btn-sm btn-default"
        ngf-select="$ctrl.addFromFile($file)"
        ngf-accept="'.env'"
        ngf-pattern="'.env'"
        ngf-max-size="1MB"
        ngf-model-invalid="errorFile"
      >
        <pr-icon icon="'upload'" feather="true"></pr-icon> Load variables from .env file
      </button>
      <span class="space-left" ng-if="errorFile.$error == 'maxSize'">
        <i class="fa fa-times red-icon space-right" aria-hidden="true"></i>
        File too large! Try uploading a file smaller than 1MB
      </span>
    </div>
    <div class="col-sm-12 form-inline env-items-list">
      <environment-variables-simple-mode-item
        ng-repeat="variable in $ctrl.ngModel"
        variable="variable"
        index="$index"
        on-change="($ctrl.onChangeVariable)"
        on-remove="($ctrl.remove)"
      ></environment-variables-simple-mode-item>
    </div>
    <div class="col-sm-12 small text-muted" ng-if="$ctrl.ngModel.length > 0 && $ctrl.showHelpMessage">
      <pr-icon icon="'alert-circle'" mode="'primary'" feather="true"></pr-icon>
      Environment changes will not take effect until redeployment occurs manually or via webhook.
    </div>
  </div>
  