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

//#region src/components/content/Content.tsx
const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
const ContentElement = tasty({
	qa: "Content",
	as: "section",
	styles: {
		gridArea: "content",
		preset: "p3",
		color: "#dark-02",
		display: "block",
		flow: "column",
		gap: "2x",
		overflow: "auto",
		scrollbar: "styled"
	}
});
const Content = forwardRef(function Content(props, ref) {
	props = useSlotProps(props, "content");
	const styles = extractStyles(props, STYLE_LIST);
	return /* @__PURE__ */ jsx(ContentElement, {
		...filterBaseProps(props, { eventProps: true }),
		ref,
		styles
	});
});

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