slideTo(i)} className={i === status.activeSlideIndex ? 'active' : undefined}/>)
+ }
+
+ const nextSlide = (): void => {
+ if (status.slidesCount - 1 === status.activeSlideIndex) {
+ slideTo(0)
+ return
+ }
+
+ setStatus(prevState => {
+ return { ...prevState, activeSlideIndex: status.activeSlideIndex + 1 }
+ })
+ }
+
+ const prevSlide = (): void => {
+ if (status.activeSlideIndex <= 0) {
+ slideTo(status.slidesCount - 1)
+ return
+ }
+
+ setStatus(prevState => {
+ return { ...prevState, activeSlideIndex: status.activeSlideIndex - 1 }
+ })
+ }
+
+ return (
+
+
+ {slides}
+
+
+ {indicate ? circles : null}
+
+
+
+ )
+}
+
+export default Slider
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..597b77a
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,3 @@
+import Slider from './Slider/Slider'
+
+export { Slider }
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
deleted file mode 100644
index ec2585e..0000000
--- a/src/index.css
+++ /dev/null
@@ -1,13 +0,0 @@
-body {
- margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
- 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
- sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-code {
- font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
- monospace;
-}
diff --git a/src/index.tsx b/src/index.tsx
index f5185c1..8305c82 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,17 +1,15 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
+import React from 'react'
+import ReactDOM from 'react-dom'
+import App from './App'
+import 'normalize.css'
+import './styles/global.scss'
+import * as serviceWorker from './serviceWorker'
ReactDOM.render(
,
document.getElementById('root')
-);
+)
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();
diff --git a/src/logo.svg b/src/logo.svg
deleted file mode 100644
index 6b60c10..0000000
--- a/src/logo.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
diff --git a/src/styles/global.scss b/src/styles/global.scss
new file mode 100644
index 0000000..352c19a
--- /dev/null
+++ b/src/styles/global.scss
@@ -0,0 +1,20 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700&display=swap');
+
+html {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Inter', sans-serif;
+}
+
+*, *:before, *:after {
+ box-sizing: inherit;
+}
+
+.container {
+ max-width: 880px;
+ margin-right: auto;
+ margin-left: auto;
+ padding: 0 15px;
+}
\ No newline at end of file
+ 
+ 
+