Searching.ton
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

31 lines
626 B

2 years ago
import { cn } from "app/core/helpers/common"
import { ReactNode } from "react"
import { AnimatePresence, HTMLMotionProps, motion } from "framer-motion"
import s from "./styles.module.css"
interface Props {
children: ReactNode
theme: "primary"
className?: string
onClick: () => void
}
const Button = ({
children,
theme,
className,
onClick,
...motionpProps
}: Props & HTMLMotionProps<"button">) => {
return (
<motion.button
onClick={onClick}
className={cn(s.root, className, `theme-${theme}`)}
{...motionpProps}
>
{children}
</motion.button>
)
}
export default Button