// Fundo: creme chapado (a cor da janela). Só um disco claro que passeia bem devagar, pra o chão não ficar morto.
import React from 'react';
import {AbsoluteFill, useCurrentFrame} from 'remotion';
import {COR} from '../base';

export type FundoProps = {cor?: string; velocidade?: number};

export const Fundo: React.FC<FundoProps> = ({cor = COR.creme, velocidade = 1}) => {
  const t = (useCurrentFrame() / 30) * velocidade;
  return <AbsoluteFill style={{background: cor}}>
    <AbsoluteFill style={{background: `radial-gradient(50% 28% at ${50 + Math.sin(t * 0.5) * 20}% ${40 + Math.cos(t * 0.4) * 8}%, rgba(255,255,255,0.5), transparent 70%)`}} />
  </AbsoluteFill>;
};