// Copyright 2017-2025 @pezkuwi/apps authors & contributors
// SPDX-License-Identifier: Apache-2.0

import React from 'react';

import { useApi } from '@pezkuwi/react-hooks';

import { useTranslation } from '../translate.js';
import BaseOverlay from './Base.js';

interface Props {
  className?: string;
}

function LocalFork ({ className }: Props): React.ReactElement<Props> | null {
  const { t } = useTranslation();
  const { isLocalFork } = useApi();

  if (isLocalFork) {
    return (
      <BaseOverlay
        className={className}
        icon='link'
        isBottom
        isFull
        type='info'
      >
        <div>
          {t('Local fork powered by ')}
          <a
            href='https://github.com/AcalaNetwork/chopsticks'
            rel='noreferrer'
            target='_blank'
          >
            Chopsticks
          </a>
          .
        </div>
      </BaseOverlay>
    );
  }

  return null;
}

export default React.memo(LocalFork);