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

export const VISTA_DATOS_DOCUMENTO_ITEM_BORDER_STYLE = {
  borderBottom: '1px solid #E5E7EB',
};

export const VISTA_DATOS_DOCUMENTO_TITLE_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 600,
  fontSize: '14px',
  lineHeight: '21px',
  letterSpacing: '0.01em',
  color: '#29474C',
  margin: 0,
};

export const VISTA_DATOS_DOCUMENTO_ORIGEN_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 400,
  fontStyle: 'italic',
  fontSize: '12px',
  lineHeight: '18px',
  color: '#6B7280',
  margin: '4px 0 0 0',
};

export const VISTA_DATOS_DOCUMENTO_PERSONA_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 600,
  fontSize: '12px',
  lineHeight: '18px',
  letterSpacing: '0.01em',
  color: '#29474C',
  margin: '8px 0 0 0',
};

export const VISTA_DATOS_DOCUMENTO_STATUS_STYLE = {
  fontFamily: FONT_FAMILY_MONO,
  fontWeight: 500,
  fontSize: '12px',
  lineHeight: '18px',
  letterSpacing: '0.01em',
  textTransform: 'uppercase',
  color: '#0A742C',
  margin: '8px 0 0 0',
};

export const VISTA_DATOS_DOCUMENTO_STATUS_ERROR_STYLE = {
  ...VISTA_DATOS_DOCUMENTO_STATUS_STYLE,
  color: '#B30808',
};

export const VISTA_DATOS_DOCUMENTOS_PAGINATION_WRAP_STYLE = {
  flexShrink: 0,
  width: '100%',
  boxSizing: 'border-box',
  paddingTop: 12,
};

export const VISTA_DATOS_DOCUMENTOS_PAGINATION_BOX_STYLE = {
  width: '100%',
  maxWidth: 445,
  minHeight: 48,
  borderRadius: 8,
  border: '1px solid #C4C4C4',
  backgroundColor: '#FFFFFF',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'space-between',
  gap: 8,
  padding: '8px 12px',
  boxSizing: 'border-box',
};

export const VISTA_DATOS_DOCUMENTOS_PAGINATION_PAGES_STYLE = {
  flex: '1 1 auto',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  gap: 4,
  flexWrap: 'wrap',
  minWidth: 0,
};

export const VISTA_DATOS_DOCUMENTOS_PAGE_NUMBER_STYLE = {
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 500,
  fontSize: '14px',
  lineHeight: '21px',
  color: '#29474C',
  minWidth: 28,
  height: 32,
  padding: '0 4px',
  border: 'none',
  background: 'transparent',
  cursor: 'pointer',
  boxSizing: 'border-box',
};

export const VISTA_DATOS_DOCUMENTOS_PAGE_NUMBER_ACTIVE_STYLE = {
  ...VISTA_DATOS_DOCUMENTOS_PAGE_NUMBER_STYLE,
  color: '#38656D',
  fontWeight: 600,
  borderBottom: '2px solid #38656D',
};
