/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f1f3d22 | Cube Dev Team */
import { extractStyles } from "../../../tasty/utils/styles.js";
import { CONTAINER_STYLES } from "../../../tasty/styles/list.js";
import { tasty } from "../../../tasty/tasty.js";
import { filterBaseProps } from "../../../tasty/utils/filter-base-props.js";
import { forwardRef } from "react";
import { jsx } from "react/jsx-runtime";

//#region src/components/content/Card/Card.tsx
const CardElement = tasty({
	role: "region",
	styles: {
		display: "block",
		flow: "column",
		radius: "(1cr + 1bw)",
		fill: "#white",
		border: "#border",
		padding: "1.5x",
		preset: "t3"
	},
	styleProps: CONTAINER_STYLES
});
const Card = forwardRef(function Card(props, ref) {
	const styles = extractStyles(props, CONTAINER_STYLES);
	return /* @__PURE__ */ jsx(CardElement, {
		...filterBaseProps(props, { eventProps: true }),
		ref,
		styles
	});
});

//#endregion
export { Card };
//# sourceMappingURL=Card.js.map