Component &
Animation Library for Modern Projects

import { Caption, CaptionTextarea, CaptionText } from "./main";
import { Input } from "@/components/ui/input";

export default function CaptionExample() {
  return (
    <Caption>
      <CaptionTextarea placeholder="Enter your text here" />
      <CaptionText
        symbols={["@", "#"]}
        highlight={() => (
          <div>
            <h3 className="mb-0.5">Input</h3>
            <p className="text-muted-foreground mb-2 text-sm">
              The input component is a simple input field that allows you to
              enter text.
            </p>
            <Input placeholder="Enter your text here" />
          </div>
        )}
      />
    </Caption>
  );
}