import SkeletonShimmer from "@scandic-hotels/design-system/SkeletonShimmer"

import styles from "./skeleton.module.css"

export default function MeetingPackageWidgetSkeleton() {
  return (
    <>
      <div className={styles.mobile}>
        <SkeletonShimmer height="40px" width="100%" />
      </div>
      <div className={styles.desktop}>
        <SkeletonShimmer height="60px" width="30%" />
        <SkeletonShimmer height="60px" width="22%" />
        <SkeletonShimmer height="60px" width="12%" />
        <SkeletonShimmer height="60px" width="12%" />
        <SkeletonShimmer height="60px" width="12%" />
        <SkeletonShimmer height="60px" width="12%" />
      </div>
    </>
  )
}