"use client" import * as React from "react" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "@/examples/base/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, } from "@/examples/base/ui/popover" import { IconCheck, IconCopy, IconInfoCircle, IconStar, } from "@tabler/icons-react" import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard" export default function InputGroupButtonExample() { const { copyToClipboard, isCopied } = useCopyToClipboard() const [isFavorite, setIsFavorite] = React.useState(false) return (
{ copyToClipboard("https://x.com/shadcn") }} > {isCopied ? : } }>

Your connection is not secure.

You should not enter any sensitive information on this site.

https:// setIsFavorite(!isFavorite)} size="icon-xs" >
Search
) }