// Cards use a slightly larger border radius (--card-radius) to properly encapsulate inner components

import type React from "react"

interface CardsSectionProps {
  children: React.ReactNode
}

const CardsSection: React.FC<CardsSectionProps> = ({ children }) => {
  // Create a style for the cards that uses the background primary color
  const cardStyle = {
    background: "var(--background-primary)", // Removed conditional logic as it requires theme and isGlassMaterial which are not available in this component
    backdropFilter: "none", // Removed conditional logic as it requires isGlassMaterial which is not available in this component
    WebkitBackdropFilter: "none", // Removed conditional logic as it requires isGlassMaterial which is not available in this component
  }

  return <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">{children}</div>
}

export default CardsSection
