import { Icon, NavigationLink } from '@vegaprotocol/ui-toolkit';
import { t } from '@vegaprotocol/i18n';
import { Links, Routes } from '../../pages/client-router';
import { IconNames } from '@blueprintjs/icons';

export const SettingsButton = ({ withMobile }: { withMobile?: boolean }) => {
  return (
    <NavigationLink data-testid="Settings" to={Links[Routes.SETTINGS]()}>
      {withMobile ? (
        t('Settings')
      ) : (
        <Icon name={IconNames.COG} className="!align-middle" />
      )}
    </NavigationLink>
  );
};