# yatra/3.0.13/resources/js/components/ui/help-text.tsx

Yatra – Travel Booking & Tour Operator Software, version 3.0.13. 31 lines.

- Page: https://pluginprobe.com/plugins/yatra/3.0.13/code/resources/js/components/ui/help-text.tsx
- Raw: https://pluginprobe.com/plugins/yatra/3.0.13/raw/resources/js/components/ui/help-text.tsx
- Modified: 2026-04-14T03:47:24+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/yatra/3.0.13/code/resources/js/components/ui/help-text.tsx#L10-L20`.

```tsx
/**
 * Help Text Component
 * Displays helpful information for users
 */

import React from "react";
import { Info, HelpCircle } from "lucide-react";

interface HelpTextProps {
  text: string;
  variant?: "info" | "help";
  className?: string;
}

export const HelpText: React.FC<HelpTextProps> = ({
  text,
  variant = "info",
  className = "",
}) => {
  const Icon = variant === "help" ? HelpCircle : Info;

  return (
    <div
      className={`flex items-start gap-1.5 text-[11px] text-gray-400 dark:text-gray-500 ${className}`}
    >
      <Icon className="w-3 h-3 mt-0.5 flex-shrink-0 opacity-60" />
      <span className="opacity-80">{text}</span>
    </div>
  );
};

```