// traco: helpers do kit (não são elementos do plano). Atributos de um traço de caneta que se desenha e o filtro de "fervura" do traço.
import {seg} from '../base';

/** props de um <path> que se desenha: t vai de 0 a 1 */
export const traco = (t: number, cor: string, largura = 7) => ({
  pathLength: 1, fill: 'none', stroke: cor, strokeWidth: largura, strokeLinecap: 'round' as const, strokeLinejoin: 'round' as const,
  style: {strokeDasharray: 1, strokeDashoffset: 1 - seg(t, 0, 1)},
});
/** filtro SVG de tremor (4 sementes definidas em Fundo.tsx) trocado a cada 2 quadros */
export const ferver = (f: number) => `url(#rb-${Math.floor(f / 2) % 4})`;