/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-43d3dd9
 * Released under the MIT license.
 */

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { CONTAINER_STYLES, extractStyles, TEXT_STYLES, } from '../../tasty/index.js';
import { Text } from './Text.js';
const DEFAULT_STYLES = {
    preset: 'p3',
    color: '#dark-02',
    display: 'block',
};
const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
export const Paragraph = forwardRef(function Paragraph(props, ref) {
    const styles = extractStyles(props, STYLE_PROPS, DEFAULT_STYLES);
    return _jsx(Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles });
});

        