import { useQR } from '../../../context/QRContext';
import { TextInput } from '../../ui/TextInput';

export function MP3Form() {
  const { state, dispatch } = useQR();
  return (
    <TextInput
      label="MP3 URL"
      value={state.formData.mp3.mp3Url}
      onChange={(v) => dispatch({ type: 'SET_FORM_FIELD', qrType: 'mp3', field: 'mp3Url', value: v })}
      placeholder="https://example.com/audio.mp3"
      type="url"
    />
  );
}