import * as React from "react"
import { Frame, useCycle } from "framer"

export function Button() {
    const [variant, next] = useCycle({ scale: 1 }, { scale: 1.5 })

    return (
        <Frame
            animate={variant}
            onTap={() => next()}
            width={200}
            height={40}
            radius={40}
            color="#fff"
            center
        >
            Click Me
        </Frame>
    )
}