[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { CustomToolbar } from "@/components/custom-toolbar" export default function Home() { return (

) } [V0_FILE]typescriptreact:file="components/custom-toolbar.tsx" isFixed="true" isEdit="true" isQuickEdit="true" "use client" import { useState } from "react" import { Crop, MagicWand, SelectionBackground, Rainbow, Check } from "@phosphor-icons/react" import { Button } from "@/components/ui/button" import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, DropdownMenuLabel, DropdownMenuSeparator, } from "@/components/ui/dropdown-menu" import { Toggle } from "@/components/ui/toggle" import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip" const reframeOptions = ["16:9", "4:3", "1:1", "3:4", "9:16"] const restyleOptions = Array(9) .fill(null) .map((_, i) => `Style ${i + 1}`) export function CustomToolbar() { const [backgroundRemoval, setBackgroundRemoval] = useState(false) const [reframeOpen, setReframeOpen] = useState(false) const [restyleOpen, setRestyleOpen] = useState(false) const [activeReframe, setActiveReframe] = useState(null) const [activeRestyle, setActiveRestyle] = useState(null) const handleReframeSelect = (option: string) => { setActiveReframe((prevOption) => (prevOption === option ? null : option)) } const handleRestyleSelect = (option: string) => { setActiveRestyle((prevOption) => (prevOption === option ? null : option)) } return (

Open tools menu

Tools Reframe Duotone Remove background Video Beta Styles Beta Filters Number of people Lighting Admin Open admin tools Outpainter Focal Point Styles

Reframe your image

{reframeOptions.map((option) => ( ))}

Restyle your image

{restyleOptions.map((option) => ( ))}

{backgroundRemoval ? "Disable" : "Enable"} background removal

) }

About

Tags

Share

About

Tags

Share

More from pablostanley

More Templates Like This

About

Tags

Share

About

Tags

Share

More from pablostanley

More Templates Like This