grafana/public/app/features/alerting/unified/components/RuleLocation.tsx

import React from 'react';

import { Icon, Text } from '@grafana/ui';

interface Props {
  namespace: string;
  group?: string;
}

const RuleLocation = ({ namespace, group }: Props) => {
  if (!group) {
    return (
      <Text element="h3" variant="body">
        {namespace}
      </Text>
    );
  }

  return (
    <Text element="h3" variant="body">
      {namespace} <Icon name="angle-right" aria-label=">" /> {group}
    </Text>
  );
};

export { RuleLocation };