32 lines
920 B
TypeScript
32 lines
920 B
TypeScript
import type React from "react";
|
|
import type { ReactNode } from "react";
|
|
import { Globe } from "lucide-react";
|
|
|
|
interface MoreMinimoreWebSearchProps {
|
|
children?: ReactNode;
|
|
node?: any;
|
|
query?: string;
|
|
}
|
|
|
|
export const MoreMinimoreWebSearch: React.FC<MoreMinimoreWebSearchProps> = ({
|
|
children,
|
|
node: _node,
|
|
query: queryProp,
|
|
}) => {
|
|
const query = queryProp || (typeof children === "string" ? children : "");
|
|
|
|
return (
|
|
<div className="bg-(--background-lightest) rounded-lg px-4 py-2 border my-2">
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex items-center gap-2">
|
|
<Globe size={16} className="text-blue-600" />
|
|
<div className="text-xs text-blue-600 font-medium">Web Search</div>
|
|
</div>
|
|
</div>
|
|
<div className="text-sm italic text-gray-600 dark:text-gray-300 mt-2">
|
|
{query || children}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|