import { type Theme } from '@material-hu/mui/styles';

import { BaseSegmentId, SegmentFilter, SegmentType } from './types';
import { LokaliseTFunction } from 'src/utils/i18n';

export const CONTENT_WIDTH = '920px';

export const getColorScoreThreshold = (theme: Theme) => [
  { from: 0, to: 20, color: theme.palette.new.graphics.brand[50] },
  { from: 20, to: 40, color: theme.palette.new.graphics.brand[200] },
  { from: 40, to: 60, color: theme.palette.new.graphics.brand[400] },
  { from: 60, to: 80, color: theme.palette.new.graphics.brand[700] },
  { from: 80, to: 100, color: theme.palette.new.graphics.brand[900] },
];

export const getBaseSegments = (t: LokaliseTFunction): SegmentFilter[] => [
  {
    id: BaseSegmentId.TEAM,
    title: t('boss'),
    type: SegmentType.BOSSES,
  },
  {
    id: BaseSegmentId.BOSS,
    title: t('DIRECT_BOSS'),
    type: SegmentType.DIRECT_BOSS,
  },
];

export const NUMBER_FORMAT_LOCALE = 'es-AR';
