// The little glowing moon used in the logo, login, maintenance screens, and the
// hero canvas. `color` overrides the radial-gradient start point (else the CSS
// .moon default is used).
export default function MoonDot({ size = 13, glow = 0.45, color }) {
  const style = { width: size, height: size, boxShadow: `0 0 ${size * 0.8}px rgba(216,226,239,${glow})` }
  if (color) style.background = `radial-gradient(circle at 35% 30%, ${color}, #9fb0c6 55%, #5d6e88)`
  return <span className="moon" style={style} />
}