import * as stylex from "@stylexjs/stylex";
import { createElement, memo } from "react";
import { borderRadius, color } from "./tokens.stylex";
const styles = stylex.create({
  card: {
    borderWidth: 1,
    borderColor: color.gray200,
    backgroundColor: color.gray700,
    borderRadius: borderRadius.sm,
    display: "flex"
  }
});
export default memo(function Card({
  component,
  children,
  ...rest
}) {
  return createElement(component ?? "div", {
    ...stylex.props(styles.card),
    ...rest
  }, children);
});
//# sourceMappingURL=Card.jsx.map