import React from 'react';
import ReactDOM from 'react-dom';
import { StiggProvider } from '@stigg/react-sdk';
import App from './App';
// Example of the options that are available for the theme
const theme = {
palette: {
primary: '#FFA500',
backgroundPaper: '#fcfbf8',
backgroundHighlight: '#FFF3E0',
outlinedHoverBackground: '#FFE0B2',
text: {
primary: '#333bf8',
secondary: '#fcf222',
disabled: '#fcf111',
},
},
layout: {
planMinWidth: '250px',
planMaxWidth: '250px',
ctaAlignment: 'center',
headerAlignment: 'center',
descriptionAlignment: 'center',
},
typography: {
fontFamily: 'custom-font, DM Sans, sans-serif',
h1: {
fontSize: '32px',
fontWeight: 'bold',
},
h2: {
fontSize: '24px',
fontWeight: 'normal',
},
h3: {
fontSize: '16px',
fontWeight: 'normal',
},
body: {
fontSize: '14px',
fontWeight: 'normal',
},
}
};
ReactDOM.render(
<StiggProvider apiKey="YOUR_CLIENT_API_KEY" theme={theme} locale="de-DE">
<App />
</StiggProvider>,
document.getElementById('app'),
);