GitOpsEmptyState.tsx

import * as React from 'react';
import { EmptyState, EmptyStateIcon, EmptyStateVariant } from '@patternfly/react-core';
import * as gitopsIcon from '../../images/gitops.svg';
import './GitOpsEmptyState.scss';

interface GitOpsEmptyStateProps {
  emptyStateMsg: string;
}

const gitopsImage = () => (
  <img className="odc-gitops-empty-state__icon" src={gitopsIcon} alt="GitOps" />
);

const GitOpsEmptyState: React.FC<GitOpsEmptyStateProps> = ({ emptyStateMsg }) => (
  <EmptyState variant={EmptyStateVariant.full}>
    <p className="odc-gitops-empty-state__msg">{emptyStateMsg}</p>
    <EmptyStateIcon variant="container" component={gitopsImage} />
  </EmptyState>
);

export default GitOpsEmptyState;