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

//#region src/components/content/Paragraph.tsx
const DEFAULT_STYLES = {
	preset: "p3",
	color: "#dark-02",
	display: "block"
};
const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
const Paragraph = forwardRef(function Paragraph(props, ref) {
	const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
	return /* @__PURE__ */ jsx(_Text, {
		as: "p",
		qa: "Paragraph",
		...props,
		ref,
		styles
	});
});

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