temporary

src/components/EffectsBar.tsx

@@ -0,0 +1,31 @@
+import { Slider } from './Slider'
+import { EFFECTS } from '../config/effects'
+import type { EffectValues } from '../types/effects'
+
+interface EffectsBarProps {
+  values: EffectValues
+  onChange: (parameterId: string, value: number) => void
+}
+
+export function EffectsBar({ values, onChange }: EffectsBarProps) {
+  return (
+    <div className="bg-black border-t-2 border-white px-6 py-4">
+      <div className="grid grid-cols-4 gap-6">
+        {EFFECTS.flatMap(effect =>
+          effect.parameters.map(param => (
+            <Slider
+              key={param.id}
+              label={param.label}
+              value={values[param.id] ?? param.default}
+              min={param.min}
+              max={param.max}
+              step={param.step}
+              unit={param.unit}
+              onChange={(value) => onChange(param.id, value)}
+            />
+          ))
+        )}
+      </div>
+    </div>
+  )
+}