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

export const MODAL_CATALOGO_PUESTOS_WIDTH_PX = 580;
export const MODAL_CATALOGO_PUESTOS_HEIGHT_PX = 640;

export const MODAL_CATALOGO_PUESTOS_ITEM_STYLE = {
  display: 'flex',
  alignItems: 'center',
  gap: 12,
  width: '100%',
  padding: '10px 12px',
  borderRadius: 8,
  border: '1px solid #E5E7EB',
  background: '#FAFAFA',
  boxSizing: 'border-box',
};

export const MODAL_CATALOGO_PUESTOS_ITEM_LABEL_STYLE = {
  flex: 1,
  minWidth: 0,
  fontFamily: FONT_FAMILY_SANS,
  fontWeight: 400,
  fontSize: '16px',
  lineHeight: '24px',
  color: '#29474C',
  margin: 0,
  wordBreak: 'break-word',
};

export const MODAL_CATALOGO_PUESTOS_ICON_BTN_STYLE = {
  border: 'none',
  background: 'transparent',
  padding: 4,
  cursor: 'pointer',
  display: 'inline-flex',
  alignItems: 'center',
  justifyContent: 'center',
  flexShrink: 0,
};

export const MODAL_CATALOGO_PUESTOS_SAVE_BTN_STYLE = {
  width: 42,
  height: 42,
  minWidth: 42,
  padding: 0,
  borderRadius: 8,
  border: 'none',
  background: '#38656D',
  cursor: 'pointer',
  display: 'inline-flex',
  alignItems: 'center',
  justifyContent: 'center',
  flexShrink: 0,
};
