import React from 'react'
import { Skeleton } from "@/app/components/shadcn-ui/Default-Ui/skeleton"

const BasicSkeletonCode = () => {
  return (
    <>
    <div className="flex flex-wrap items-center gap-3 mt-4">
                <div className="flex items-center space-x-4">
                    <Skeleton className="h-12 w-12 rounded-full bg-gray-300 dark:bg-white/30" />
                    <div className="space-y-2">
                        <Skeleton className="h-4 w-[250px] bg-gray-300 dark:bg-white/30" />
                        <Skeleton className="h-4 w-[200px] bg-gray-300 dark:bg-white/30" />
                    </div>
                </div>
            </div>
    </>
  )
}

export default BasicSkeletonCode

import React from 'react'
import { Skeleton } from "@/app/components/shadcn-ui/Default-Ui/skeleton"


const CardSkeletonCode = () => {
  return (
  <>
  <div className="flex flex-wrap items-center gap-3 mt-4">
                <div className="flex flex-col space-y-3">
                    <Skeleton className="h-[125px] w-[250px] rounded-xl bg-gray-300 dark:bg-white/30" />
                    <div className="space-y-2">
                        <Skeleton className="h-4 w-[250px] bg-gray-300 dark:bg-white/30" />
                        <Skeleton className="h-4 w-[200px] bg-gray-300 dark:bg-white/30" />
                    </div>
                </div>
            </div>
  </>
  )
}

export default CardSkeletonCode