styled-components and ThemeProvider

Author: mauriciogc

src/components/Component.jsx

@@ -1,6 +1,6 @@
 import React, { useContext } from "react";
 import ThemeContext from "../contexts/theme";
-import styled from "styled-components";
+import styled, { ThemeProvider } from "styled-components";
 
 const Wrapper = styled.div`
 	padding: 40px;
@@ -45,19 +45,21 @@ const Component = props => {
 	const { theme } = useContext(ThemeContext);
 
 	return (
-		<Wrapper theme={theme}>
-			<Title>Example component CSS</Title>
-			<Paragraph>
-				Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus,
-				temporibus labore voluptatibus aspernatur illo ad id sit nulla, a atque
-				doloribus itaque ab? Soluta, exercitationem illum provident quod iure
-				numquam?
-			</Paragraph>
-			<Button theme={theme}>I'm a button</Button>
-			<Link href="/#" onClick={e => e.preventDefault()} theme={theme}>
-				I'm a link
-			</Link>
-		</Wrapper>
+		<ThemeProvider theme={theme}>
+			<Wrapper>
+				<Title>Example component CSS</Title>
+				<Paragraph>
+					Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ducimus,
+					temporibus labore voluptatibus aspernatur illo ad id sit nulla, a
+					atque doloribus itaque ab? Soluta, exercitationem illum provident quod
+					iure numquam?
+				</Paragraph>
+				<Button>I'm a button</Button>
+				<Link href="/#" onClick={e => e.preventDefault()}>
+					I'm a link
+				</Link>
+			</Wrapper>
+		</ThemeProvider>
 	);
 };