import type { CSSProperties } from 'react';

import s from './Ambient.module.css';

/**
 * Ambient-фон (docs/design.md#1): три размытых дрейфующих пятна; третье — в цвете обложки текущего трека.
 * Отключается в настройках; при prefers-reduced-motion пятна неподвижны.
 */
export function Ambient({ color }: { color: string }) {
  return (
    <div className={s.ambient} aria-hidden>
      <span className={s.a} />
      <span className={s.b} />
      <span className={s.c} style={{ '--amb-c3': `${color}99` } as CSSProperties} />
    </div>
  );
}