Step-by-Step Setup

Step 1: Install Dependencies

Install @emotion/react, @emotion/styled, and framer-motion - this should be added in your application package.json file:

"framer-motion": "^12.6.2",
"@emotion/react": "^11.14.0",
"@emotion/styled": "^11.14.1",

Step 2: Configure the ThemeProvider and Global Styles:

Import the global.css file, the ThemeProvider from @emotion/react, and the Quiz component from the dog-trust-quiz package.

Make sure the ThemeProvider is placed at the root level of your application, alongside your other providers.

BASIC SETUP:

import { ThemeProvider } from '@emotion/react';
import { Quiz } from 'dog-trust-quiz'
import 'dog-trust-quiz/global.css'

function App() {
  return (
    <ThemeProvider theme={{ }}>
      <Quiz />
    </ThemeProvider>
  );
}

export default App;