Na}{

File Content: `PluginStateInfo.tsx`

import React from 'react';

import { PluginState } from '@grafana/data';
import { Badge, BadgeProps } from '@grafana/ui';

interface Props {
  state?: PluginState;
  className?: string;
}

export const PluginStateInfo = (props: Props) => {
  const display = getFeatureStateInfo(props.state);

  if (!display) {
    return null;
  }

  return (
    <Badge
      className={props.className}
      color={display.color}
      title={display.tooltip}
      text={display.text}
      icon={display.icon}
    />
  );
};

function getFeatureStateInfo(state?: PluginState): BadgeProps | null {
  switch (state) {
    case PluginState.deprecated:
      return {
        text: 'Deprecated',
        color: 'red',
        tooltip: `This feature is deprecated and will be removed in a future release`,
      };
    case PluginState.alpha:
      return {
        text: 'Alpha',
        color: 'blue',
        tooltip: `This feature is experimental and future updates might not be backward compatible`,
      };
    case PluginState.beta:
      return {
        text: 'Beta',
        color: 'blue',
        tooltip: `This feature is close to complete but not fully tested`,
      };
    default:
      return null;
  }
}

Name	Size	Permission
AppRootPage.test.tsx	14538 bytes	0644
AppRootPage.tsx	7213 bytes	0644
PluginPageContext.tsx	649 bytes	0644
PluginStateInfo.tsx	1207 bytes	0644
PluginsErrorsInfo.tsx	2667 bytes	0644

File Content: PluginStateInfo.tsx

File Content: `PluginStateInfo.tsx`