diff --git a/src/components/App.tsx b/src/components/App.tsx
index 148d52e..2954317 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -1,20 +1,23 @@
import React from 'react';
import { Grommet } from 'grommet';
+import { Header } from './Header';
const theme = {
- global: {
- font: {
- family: 'Roboto',
- size: '18px',
- height: '20px',
- },
- },
+ global: {
+ font: {
+ family: 'Roboto',
+ size: '18px',
+ height: '20px',
+ },
+ },
};
function App() {
return (
- Spoti Search
+
);
}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..c5195cc
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from 'react';
+import { Box } from 'grommet';
+
+export const Header = (props: PropsWithChildren<{}>) => {
+ return (
+
+ );
+};