import { jsx as _jsx } from "react/jsx-runtime";
import React, { forwardRef } from "react";
export const TextComposer = forwardRef(function TextComposer({ tokens, style, ...props }, ref) {
    return (_jsx("textarea", { ref: ref, rows: 3, style: {
            width: "100%",
            resize: "none",
            outline: "none",
            background: "transparent",
            color: tokens.color.textPrimary,
            fontFamily: tokens.typography.familyBase,
            fontSize: tokens.typography.inputText.size,
            lineHeight: `${tokens.typography.inputText.lineHeight}px`,
            fontWeight: tokens.typography.inputText.weight,
            ...style,
        }, ...props }));
});
