# SVG To Component Workflow

Workflow per convertire SVG esistenti in componente UI semplice (focus iniziale: React), senza pipeline avanzate.

## Input attesi

Accetta:

- path `.svg` o SVG inline completo;
- target componente (`react` default, opzionale `vue` se richiesto esplicitamente);
- nome componente (opzionale, altrimenti derivato dal file);
- policy props minima (dimensioni, colore, className).

## Passi operativi

1. **Parsing e pre-check**
   - verifica SVG parseabile;
   - segnala elementi incompatibili con target (es. script inline).

2. **Normalizzazione attributi per componente**
   - converte attributi HTML/SVG in naming compatibile target (es. React camelCase);
   - mantiene `viewBox`; rende `width`/`height` parametrizzabili.

3. **Parametrizzazione minima**
   - espone props standard:
     - `size` (default 24),
     - `color` (default `currentColor`),
     - `className` opzionale;
   - applica `color` in modo non distruttivo (`fill/stroke` quando appropriato).

4. **Accessibilita' componente**
   - gestisce `title` opzionale via prop;
   - setta `role="img"` e `aria-hidden` quando `title` assente.

5. **Output pronto uso**
   - produce componente completo e snippet di utilizzo;
   - indica eventuali manual fix richiesti (feature SVG non mappate automaticamente).

## Output atteso

Restituisci:

1. Codice componente completo (default React/TSX se non diversamente richiesto).
2. Snippet di utilizzo base.
3. Report compatto con:
   - trasformazioni applicate,
   - limiti noti,
   - warning su compatibilita'.

## Fallback

- Se conversione automatica completa non e' sicura, genera versione conservativa (SVG inlined con minime props) e segnala i punti da rifinire a mano.
- Non introdurre dipendenze framework-specifiche aggiuntive fuori richiesta.