import { FONT_FAMILY_MONO } from '../../../designTokens';

/** Texto “Registros…” / “n seleccionadas” en la barra (`anima-tabla__red-bar`). */
export const RED_BAR_RECORDS_TEXT_STYLE = {
  fontFamily: FONT_FAMILY_MONO,
  fontWeight: 500,
  fontStyle: 'normal',
  fontSize: '14px',
  lineHeight: '21px',
  letterSpacing: '0.01em',
  verticalAlign: 'middle',
  color: 'var(--grey-600, #5F5F5F)',
  whiteSpace: 'nowrap',
  overflow: 'hidden',
  textOverflow: 'ellipsis',
  display: 'block',
};

/** Número subrayado (registros por página) en “Registros: N de total” (mono bold). */
export const RED_BAR_RECORDS_RANGE_NUMBER_STYLE = {
  fontFamily: FONT_FAMILY_MONO,
  fontWeight: 700,
  fontStyle: 'normal',
  fontSize: '14px',
  lineHeight: '21px',
  letterSpacing: '1%',
  leadingTrim: 'none',
  verticalAlign: 'middle',
  color: 'var(--grey-600, #5F5F5F)',
  textDecoration: 'underline',
  textUnderlineOffset: '2px',
};
