import React from 'react';
import { Label } from '@patternfly/react-core';

const EnvironmentLabels = (environments) => {
  const { environments: singleEnvironment } = environments || {};
  const { name } = singleEnvironment || {};
  switch (environments) {
    case Array:
      return environments.map(env => (
        <React.Fragment key={env.id} style={{ marginBottom: '5px' }}>
          <Label
            color="purple"
          >{`${env.name}`}
          </Label>
        </React.Fragment>
      ));
    default:
      return (
        <React.Fragment>
          <Label color="purple">
            {`${name}`}
          </Label>
        </React.Fragment>
      );
  }
};

export default EnvironmentLabels;