From 30bde6818d3fa059246e310eccd7fa6089f4523c Mon Sep 17 00:00:00 2001
From: Sergey Volkov <js2me@outlook.com>
Date: Sat, 8 Jul 2023 00:07:27 +0300
Subject: [PATCH 1/3] feat: add className for Pagination component

---
 src/components/Pagination/Pagination.tsx | 3 ++-
 src/components/Pagination/types.ts       | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 88f2ab091..ce343dfa3 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -27,6 +27,7 @@ export const Pagination = ({
     pageSizeOptions,
     showPages = true,
     showInput = false,
+    className,
 }: PaginationProps) => {
     const [mobile] = useMobile();
 
@@ -91,7 +92,7 @@ export const Pagination = ({
         .filter(Boolean);
 
     return (
-        <div className={b()}>
+        <div className={b('container', {}, className)}>
             {pagination}
             {showInput && (
                 <PaginationInput
diff --git a/src/components/Pagination/types.ts b/src/components/Pagination/types.ts
index 133020b45..9a2e74235 100644
--- a/src/components/Pagination/types.ts
+++ b/src/components/Pagination/types.ts
@@ -38,6 +38,10 @@ export type PaginationProps = {
      * Default true.
      */
     showPages?: boolean;
+    /**
+     * ClassName of element
+     */
+    className?: string;
 };
 
 type EllipsisItem = {

From ff20a5df62b14e2078724f53a4db5a7b0c40df17 Mon Sep 17 00:00:00 2001
From: Sergey Volkov <js2me@outlook.com>
Date: Sat, 8 Jul 2023 00:14:55 +0300
Subject: [PATCH 2/3] fix: remove 'container' from css block

---
 src/components/Pagination/Pagination.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index ce343dfa3..643c880b3 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -92,7 +92,7 @@ export const Pagination = ({
         .filter(Boolean);
 
     return (
-        <div className={b('container', {}, className)}>
+        <div className={b('', {}, className)}>
             {pagination}
             {showInput && (
                 <PaginationInput

From 4f83cad0174aece1b31a4fc331258e516948e350 Mon Sep 17 00:00:00 2001
From: Sergey Volkov <js2me@outlook.com>
Date: Mon, 17 Jul 2023 12:06:32 +0300
Subject: [PATCH 3/3] chore(Pagination): apply comments at PR (root classname
 for pagination component)

---
 src/components/Pagination/Pagination.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 643c880b3..8d4464fb4 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -92,7 +92,7 @@ export const Pagination = ({
         .filter(Boolean);
 
     return (
-        <div className={b('', {}, className)}>
+        <div className={b(null, className)}>
             {pagination}
             {showInput && (
                 <PaginationInput