feat: add toaster

src/widgets/license-slider/index.ts

@@ -1 +1 @@
-export { default as LicenseSlider } from './license-slider';
+export { default as LicenseSlider } from './ui';

src/widgets/license-slider/license-slider.module.scss

@@ -1,10 +0,0 @@
-.Slider {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.Slide {
-  cursor: pointer;
-  width: 100%;
-}

src/widgets/license-slider/styles.module.scss

@@ -0,0 +1,20 @@
+.Slider {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-bottom: rem(40px);
+  padding: 0 rem(20px) 0;
+
+  @include iftablet {
+    padding: unset;
+  }
+
+  @include ifdesktop {
+    margin-bottom: rem(80px);
+  }
+}
+
+.Slide {
+  cursor: pointer;
+  width: 100%;
+}

src/widgets/license-slider/ui.tsx

@@ -1,11 +1,10 @@
 'use client';
 
-import s from './license-slider.module.scss';
+import s from './styles.module.scss';
 
 import Image from 'next/image';
 import { StaticImport } from 'next/dist/shared/lib/get-img-props';
 import { clsx } from 'clsx';
-
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Grid } from 'swiper/modules';
 import 'swiper/css';
@@ -42,10 +41,7 @@ const swiperBreakpoints = {
   },
 };
 
-export default function LicenseSlider({
-  className,
-  images,
-}: LicenseSliderProps) {
+export default function Ui({ className, images }: LicenseSliderProps) {
   return (
     <Swiper
       className={clsx(s.Slider, className)}