import * as React from "react";

/**
 * Base white surface with hairline border and soft cool shadow.
 *
 * @startingPoint section="Surfaces" subtitle="The base Qubera card surface" viewport="380x200"
 */
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
  children?: React.ReactNode;
  /** Lift + deepen shadow on hover (interactive cards). @default false */
  hover?: boolean;
  /** @default "26px" */
  padding?: string;
  /** @default "var(--radius)" */
  radius?: string;
}
export function Card(props: CardProps): JSX.Element;