diff --git a/src/components/atoms/EmptyBasket/EmptyBasket.styles.module.scss b/src/components/atoms/EmptyBasket/EmptyBasket.styles.module.scss
new file mode 100644
index 0000000..272898f
--- /dev/null
+++ b/src/components/atoms/EmptyBasket/EmptyBasket.styles.module.scss
@@ -0,0 +1,27 @@
+.container {
+  display: flex;
+  width: 100%;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  padding: 0 120px;
+}
+
+.cart {
+  margin-top: 200px;
+  height: 128px;
+  width: 1182px;
+  border-radius: 12px;
+  background: #2c2238;
+  text-align: center;
+}
+
+.text {
+  padding-top: 50px;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0;
+  text-align: center;
+}
diff --git a/src/components/atoms/EmptyBasket/EmptyBasket.tsx b/src/components/atoms/EmptyBasket/EmptyBasket.tsx
new file mode 100644
index 0000000..51a23dd
--- /dev/null
+++ b/src/components/atoms/EmptyBasket/EmptyBasket.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+
+import cx from 'classnames'
+
+import css from './EmptyBasket.styles.module.scss'
+
+export const EmptyBasket = () => {
+  return (
+    <div className={cx(css.container)}>
+      <div className={cx(css.cart)}>
+        <span className={cx(css.text)}>Ваша корзина пуста</span>
+      </div>
+    </div>
+  )
+}
diff --git a/src/components/atoms/EmptyBasket/index.ts b/src/components/atoms/EmptyBasket/index.ts
new file mode 100644
index 0000000..0173a00
--- /dev/null
+++ b/src/components/atoms/EmptyBasket/index.ts
@@ -0,0 +1 @@
+export * from './EmptyBasket'