diff --git a/src/blocks/index.js b/src/blocks/index.js index f48ad80..ee85eb4 100644 --- a/src/blocks/index.js +++ b/src/blocks/index.js @@ -119,6 +119,12 @@ import DarkHeroD from './hero/dark/d'; import DarkHeroE from './hero/dark/e'; import DarkHeroF from './hero/dark/f'; +import DarkPaginationA from './pagination/dark/a'; +import DarkPaginationB from './pagination/dark/b'; + +import LightPaginationA from './pagination/light/a'; +import LightPaginationB from './pagination/light/b'; + import LightPricingA from './pricing/light/a'; import LightPricingB from './pricing/light/b'; @@ -228,6 +234,10 @@ export default function getBlock({theme = 'indigo', darkMode = false}) { HeroE: darkMode ? : , HeroF: darkMode ? : }, + Pagination: { + PaginationA: darkMode ? : , + PaginationB: darkMode ? : + }, Pricing: { PricingA: darkMode ? : , PricingB: darkMode ? : diff --git a/src/blocks/pagination/dark/a.js b/src/blocks/pagination/dark/a.js new file mode 100644 index 0000000..bd17849 --- /dev/null +++ b/src/blocks/pagination/dark/a.js @@ -0,0 +1,73 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function DarkPaginationA(props) { + return ( +
+
+
+ + + + + + + 3 + + + 4 + + + 5 + + + 6 + + + + + + +
+
+
+ ); +} + +DarkPaginationA.defaultProps = { + theme: "indigo", +}; + +DarkPaginationA.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default DarkPaginationA; diff --git a/src/blocks/pagination/dark/b.js b/src/blocks/pagination/dark/b.js new file mode 100644 index 0000000..dff2457 --- /dev/null +++ b/src/blocks/pagination/dark/b.js @@ -0,0 +1,70 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function DarkPaginationB(props) { + return ( +
+
+
+ + + + + Prev + + + 1 + + + 2 + + + 3 + + + Next + + + + +
+
+
+ ); +} + +DarkPaginationB.defaultProps = { + theme: "indigo", +}; + +DarkPaginationB.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default DarkPaginationB; diff --git a/src/blocks/pagination/light/a.js b/src/blocks/pagination/light/a.js new file mode 100644 index 0000000..02b5031 --- /dev/null +++ b/src/blocks/pagination/light/a.js @@ -0,0 +1,73 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function LightPaginationA(props) { + return ( +
+
+
+ + + + + + + 3 + + + 4 + + + 5 + + + 6 + + + + + + +
+
+
+ ); +} + +LightPaginationA.defaultProps = { + theme: "indigo", +}; + +LightPaginationA.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default LightPaginationA; diff --git a/src/blocks/pagination/light/b.js b/src/blocks/pagination/light/b.js new file mode 100644 index 0000000..06b9718 --- /dev/null +++ b/src/blocks/pagination/light/b.js @@ -0,0 +1,70 @@ +import React from "react"; +import PropTypes from "prop-types"; + +function LightPaginationB(props) { + return ( +
+
+
+ + + + {" "} + Prev + + + 1 + + + 2 + + + 3 + + + Next + + + + +
+
+
+ ); +} + +LightPaginationB.defaultProps = { + theme: "indigo", +}; + +LightPaginationB.propTypes = { + theme: PropTypes.string.isRequired, +}; + +export default LightPaginationB; diff --git a/src/icons/index.js b/src/icons/index.js index 9b89c77..1f81421 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -62,6 +62,9 @@ import HeroF from './hero/f'; import PricingA from './pricing/a'; import PricingB from './pricing/b'; +import PaginationA from './pagination/a'; +import PaginationB from './pagination/b'; + import StatisticA from './statistic/a'; import StatisticB from './statistic/b'; import StatisticC from './statistic/c'; @@ -149,6 +152,10 @@ export default function getIcons() { HeroE: , HeroF: }, + Pagination: { + PaginationA: , + PaginationB: + }, Pricing: { PricingA: , PricingB: diff --git a/src/icons/pagination/a.js b/src/icons/pagination/a.js new file mode 100644 index 0000000..0369fae --- /dev/null +++ b/src/icons/pagination/a.js @@ -0,0 +1,24 @@ +import React from "react"; + +function PaginationA(props) { + return ( + + + + + + + + + + + + + + + + + ); +} + +export default PaginationA; diff --git a/src/icons/pagination/b.js b/src/icons/pagination/b.js new file mode 100644 index 0000000..346e58b --- /dev/null +++ b/src/icons/pagination/b.js @@ -0,0 +1,38 @@ +import React from "react"; + +function PaginationB(props) { + return ( + + + + + + + + + + + + + + + + + ); +} + +export default PaginationB;