import { View } from "@tarojs/components";

import style from "./index.module.less";

export interface IndexProps {
  children: JSX.Element | JSX.Element[];
  className?: string
};

const Index = ({ className='', children }: IndexProps) => {
  return (
    <View className={`flex flex-col h-full w-full relative ${className}`}>
      <View className={style.blurBgContainer}>
        <View className={style.blurBg}></View>
      </View>
      <View className="flex-1 h-full relative z-10 flex flex-col w-full">
        {children}
      </View>
    </View>
  );
};

export default Index
