1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / chinawholesale-frontend-next / src / components / skeleton /

Filename : PageSkeleton.jsx

back

'use client';
import React from "react";
import Skeleton from "react-loading-skeleton";
import "react-loading-skeleton/dist/skeleton.css";
import {twMerge} from "tailwind-merge";

const PageSkeleton = ({className = ''}) => {


    return (
        <section className={twMerge('bg-white rounded-[6px] pb-6 px-2 py-2', className)}>
            <div className="container">
                <Skeleton variant="rect" height={40}/>
                <div className="mt-2">
                    <div className="row">
                        <div className="col-md-12">
                            <p>
                                <Skeleton variant="rect" height={30}/>
                            </p>
                            <p>
                                <Skeleton count={6}/>
                            </p>
                            <p>
                                <Skeleton count={8}/>
                            </p>
                        </div>
                    </div>
                    {/* End .row */}
                </div>
            </div>
        </section>
    );
};

export default PageSkeleton;