import { IProps } from "@/common/Iprops.interface"
import { AppContianer } from "@/layouts/AppContianer"
import BScroll from '@better-scroll/core'
import Slide from '@better-scroll/slide'
import { useRef, useState, useEffect, useMemo, useCallback } from 'react'
import { BScrollConstructor } from "@better-scroll/core/dist/types/BScroll";
import { useMediaQuery } from "@/common/hooks"


interface MemorabiliaType extends IProps {

}


const initBScroll = (el: HTMLElement) => {
  const res = new BScroll(el, {
    scrollX: true,
    scrollY: false,
    slide: {
      threshold: 100,
      autoplay: false,
    },
    momentum: false,
    bounce: false,
    probeType: 3,
  })
  return res
};

export const Memorabilia = () => {

  return (
    <AppContianer>
      <div>123</div>
    </AppContianer >
  )
}