// ** Next Import import Link from 'next/link' // ** MUI Imports import Grid from '@mui/material/Grid' import { styled } from '@mui/material/styles' import Typography from '@mui/material/Typography' // ** Custom Components Imports import PageHeader from 'src/@core/components/page-header' import CardSnippet from 'src/@core/components/card-snippet' // ** Demo Components Imports import SwiperLoop from 'src/views/components/swiper/SwiperLoop' import SwiperZoom from 'src/views/components/swiper/SwiperZoom' import SwiperFader from 'src/views/components/swiper/SwiperFader' import SwiperDefault from 'src/views/components/swiper/SwiperDefault' import SwiperSpacing from 'src/views/components/swiper/SwiperSpacing' import SwiperFreeMode from 'src/views/components/swiper/SwiperFreeMode' import SwiperCentered from 'src/views/components/swiper/SwiperCentered' import SwiperVertical from 'src/views/components/swiper/SwiperVertical' import SwiperControls from 'src/views/components/swiper/SwiperControls' import SwiperThumbnails from 'src/views/components/swiper/SwiperThumbnails' import SwiperAutoSwitch from 'src/views/components/swiper/SwiperAutoSwitch' import SwiperMultipleSlides from 'src/views/components/swiper/SwiperMultipleSlides' import SwiperMutationObserver from 'src/views/components/swiper/SwiperMutationObserver' // ** Styled Component Import import KeenSliderWrapper from 'src/@core/styles/libs/keen-slider' // ** Source code imports import * as source from 'src/views/components/swiper/SwiperSourceCode' // ** Hook Import import { useSettings } from 'src/@core/hooks/useSettings' const LinkStyled = styled(Link)(({ theme }) => ({ textDecoration: 'none', color: theme.palette.primary.main })) const Swiper = () => { // ** Hook const { settings: { direction } } = useSettings() return ( Easily create sliders, carousels and much more} title={ Keen Slider } /> ) } export default Swiper