import { forwardRef, type ComponentType } from "react"
import { createStore } from "https://framer.com/m/framer/store.js@^1.0.0"
import { randomColor } from "https://framer.com/m/framer/utils.js@^0.9.0"
// Learn more: https://www.framer.com/developers/overrides/
const useStore = createStore({
background: "#0099FF",
})
export function withRotate(Component): ComponentType {
return forwardRef((props, ref) => {
return (
)
})
}
export function withHover(Component): ComponentType {
return forwardRef((props, ref) => {
return
})
}
export function withRandomColor(Component): ComponentType {
return forwardRef((props, ref) => {
const [store, setStore] = useStore()
return (
{
setStore({ background: randomColor() })
}}
/>
)
})
}
top of page
bottom of page
