import * as React from "react";
import { cn } from "../../utils/cn.js";

export const Card = ({ className, ...props }) => (
  <div className={cn("rounded-lg border bg-white shadow-sm", className)} {...props} />
);

export const CardContent = ({ className, ...props }) => (
  <div className={cn("p-4", className)} {...props} />
);

export const CardHeader = ({ className, ...props }) => (
  <div
    className={cn(
      "px-4 py-2 border-b flex items-center justify-between",
      className
    )}
    {...props}
  />
);