@crossed/demo/lib/module/ui/forms/Textarea.js

A universal & performant styling library for React Native, Next.js & React

import { jsx, jsxs } from "react/jsx-runtime";
import { Textarea, UilEye, YBox } from "@crossed/ui";
import { useState } from "react";
const TextareaDemo = ({ size, variant, color }) => {
  const [value, setValue] = useState("");
  return /* @__PURE__ */ jsxs(YBox, { space: "md", children: [
    /* @__PURE__ */ jsx(
      Textarea,
      {
        label: "label",
        size,
        variant,
        iconAfter: UilEye,
        icon: UilEye,
        color,
        onChangeValue: setValue,
        value
      }
    ),
    /* @__PURE__ */ jsxs(
      Textarea,
      {
        color,
        size,
        variant,
        onChangeValue: setValue,
        value,
        children: [
          /* @__PURE__ */ jsx(Textarea.Label, { "aria-label": "Label", children: "Label" }),
          /* @__PURE__ */ jsx(Textarea.Input, {})
        ]
      }
    )
  ] });
};
export {
  TextareaDemo
};
//# sourceMappingURL=Textarea.js.map