// Price. One figure, in euro — the shop prices in euro and nothing else.
// `align` controls which edge it hangs from.
function Price({ value, lang, size = 20, align = 'right', color = 'var(--red-500)' }) {
  return (
    <span style={{
      display: 'inline-flex',
      alignItems: align === 'right' ? 'flex-end' : 'flex-start',
      lineHeight: 1.15,
    }}>
      <span style={{ fontFamily: 'var(--font-mono)', fontWeight: 700, fontSize: size, color, whiteSpace: 'nowrap' }}>
        {window.CORNER_FMT.price(value, lang)}
      </span>
    </span>
  );
}
window.Price = Price;