Function DesignProvider

DesignProvider(
tokens: Readonly<{ children: React.ReactNode; tokens?: DesignTokens }>,
): Element
Provider que envolve a árvore de componentes para fornecer tokens de design via contexto.
Parameters
- tokens: Readonly<{ children: React.ReactNode; tokens?: DesignTokens }>
  Tokens de design opcionais para customização (cores, layouts, etc.)
Returns Element
Remarks
Use este provider no topo da aplicação ou seção onde os componentes de consentimento precisam acessar tokens de design. Permite overrides globais de design sem alterar os componentes individuais, mantendo tree-shaking e performance.
Example: Uso básico com tokens padrão
```
import { DesignProvider } from './context/DesignContext';

function App() {
  return (
    <DesignProvider>
      <CookieBanner />
    </DesignProvider>
  );
}
```
Example: Customização de cores
```
const customTokens = {
  colors: {
    primary: '#ff0000',
    secondary: '#00ff00'
  }
};

function App() {
  return (
    <DesignProvider tokens={customTokens}>
      <PreferencesModal />
    </DesignProvider>
  );
}
```
Component
Category
Context

Since
0.1.0
- Defined in core/src/context/DesignContext.tsx:64