Searchbar

import { Button } from "@/components/hexta-ui/Button";
import { Input } from "@/components/hexta-ui/Input";
import { useState, useEffect, useRef } from "react";
import { FaSearch } from "react-icons/fa";

const ModernSearchBar = () => {
  const [inputValue, setInputValue] = useState("");

  return (
    <>

import { Button } from "@/components/hexta-ui/Button";
import { Input } from "@/components/hexta-ui/Input";
import { useState, useEffect, useRef } from "react";
import { FaSearch } from "react-icons/fa";

interface ListSearchbarProps {
  items: string[];
}

const ListSearchbar = ({ items }: ListSearchbarProps) => {

<ListSearchbar
  items={[
    "Next.js",
    "React",
    "Vue",
    "Angular",
    "Svelte",
    "TailwindCSS",
    "hextastudio/ui",
    "JavaScript",