"use client";
// Adapted from Magic UI and Kokonut UI (MIT). See THIRD_PARTY_NOTICES.md.
import { type ComponentProps } from "react";
export function BentoGrid({ className = "", ...props }: ComponentProps<"div">) {
  return <div {...props} className={`ynr-bento-grid ${className}`} />;
}
export function BentoCard({
  className = "",
  ...props
}: ComponentProps<"article">) {
  return <article {...props} className={`ynr-bento-card ${className}`} />;
}

export interface BentoItemProps extends ComponentProps<"div"> {
  span?: 1 | 2 | 3;
}
export function BentoItem({
  span = 1,
  className = "",
  ...props
}: BentoItemProps) {
  return (
    <div
      {...props}
      className={`ynr-bento-grid-item ${className}`}
      data-span={span}
    />
  );
}