import React from 'react';
import classNames from 'classnames';
import { jsx as _jsx } from "react/jsx-runtime";
/** Use card block to display data helps users quickly locate and browse data. */
function Card({
  children,
  cardClassName,
  testId = 'card',
  ...props
}) {
  return /*#__PURE__*/_jsx("div", {
    ...props,
    className: classNames('card-container', cardClassName),
    "test-id": testId,
    children: children
  });
}
export default Card;