import { PencilAltIcon, PlusIcon, XIcon } from "@heroicons/react/solid"; import { useState } from "react"; import { useLocale } from "@calcom/lib/hooks/useLocale"; import { Button } from "@calcom/ui"; import { SearchDialog } from "./SearchDialog"; interface ISelectGifInput { defaultValue?: string | null; onChange: (url: string) => void; } export default function SelectGifInput(props: ISelectGifInput) { const { t } = useLocale(); const [selectedGif, setSelectedGif] = useState(props.defaultValue); const [showDialog, setShowDialog] = useState(false); return (
{selectedGif && (
Selected Gif Image
)}
{selectedGif ? ( ) : ( )} {selectedGif && ( )}
{ setSelectedGif(url); props.onChange(url); }} />
); }