diff --git a/src/components/app/app.js b/src/components/app/app.js
index de0eb10..9ed9efe 100644
--- a/src/components/app/app.js
+++ b/src/components/app/app.js
@@ -1,6 +1,7 @@
 import React, { PureComponent } from 'react';
 import Restaurants from '../restaurants';
 import Header from '../header';
+import Basket from '../basket';
 
 export default class App extends PureComponent {
   render() {
diff --git a/src/components/basket/icons/minus.svg b/src/components/basket/icons/minus.svg
new file mode 100644
index 0000000..d038dac
--- /dev/null
+++ b/src/components/basket/icons/minus.svg
@@ -0,0 +1 @@
+<svg fill="none" height="4" viewBox="0 0 10 4" width="10" xmlns="http://www.w3.org/2000/svg"><path d="m.764347 3.59v-3.39h8.670003v3.39z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/components/basket/icons/plus.svg b/src/components/basket/icons/plus.svg
new file mode 100644
index 0000000..36b641f
--- /dev/null
+++ b/src/components/basket/icons/plus.svg
@@ -0,0 +1 @@
+<svg fill="none" height="17" viewBox="0 0 18 17" width="18" xmlns="http://www.w3.org/2000/svg"><path d="m.92445 10.2v-3.21h6.12v-6.390001h3.90005v6.390001h6.12v3.21h-6.12v6.48h-3.90005v-6.48z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/src/hocs/popup.js b/src/hocs/popup.js
new file mode 100644
index 0000000..6c32655
--- /dev/null
+++ b/src/hocs/popup.js
@@ -0,0 +1,7 @@
+import React from 'react';
+import usePopup from '../hooks/use-popup';
+
+export default (WrappedComponent) => ({ initialState, ...props }) => {
+  const popupProps = usePopup(initialState);
+  return <WrappedComponent {...props} {...popupProps} />;
+};
diff --git a/src/hooks/use-popup.js b/src/hooks/use-popup.js
new file mode 100644
index 0000000..0e6c01c
--- /dev/null
+++ b/src/hooks/use-popup.js
@@ -0,0 +1,9 @@
+import { useState } from 'react';
+
+export default function usePopup(initialState = false) {
+  const [isOpenBasket, toggleBasket] = useState(initialState);
+  const hideBasket = () => toggleBasket(false);
+  const openBasket = () => toggleBasket(true);
+
+  return { isOpenBasket, hideBasket, openBasket };
+}