Juan Di Toro ditorodev

## palmtree.svg

      
              2 files
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                ditorodev
                / palmtree.svg
            
            
              Last active
              March 25, 2025 19:35
            
          
      Loading

      Sorry, something went wrong. Reload?
      Sorry, we cannot display this file.
      Sorry, this file is invalid so it cannot be displayed.
      
          Viewer requires iframe.
      
    
## full-code.tsx
import { AnimatePresence, motion } from "motion/react";
import { useRef, useState } from "react";

type TabValue = "free" | "monthly" | "yearly";

export default function App() {
  const [value, setValue] = useState<TabValue>("free");
  const code = `
  // Wrap the Tab component in a div to control its dimensions
<div className="w-[500px] h-14">
	import { AnimatePresence, motion } from "motion/react";
	import { useRef, useState } from "react";

	type TabValue = "free" \| "monthly" \| "yearly";

	export default function App() {
	const [value, setValue] = useState<TabValue>("free");
	const code = `
	// Wrap the Tab component in a div to control its dimensions
	<div className="w-[500px] h-14">