mirror of
https://github.com/StanGirard/quivr.git
synced 2024-12-23 11:23:00 +03:00
d848d5aa0b
* chore: add husky * chore(eslint): add no-unused-vars rule * chore(eslint): add no-explicit-any rule * chore: add PR template
29 lines
800 B
TypeScript
29 lines
800 B
TypeScript
"use client";
|
|
import { cn } from "@/lib/utils";
|
|
import { motion } from "framer-motion";
|
|
import { FC, HTMLAttributes, LegacyRef, forwardRef } from "react";
|
|
|
|
type CardProps = HTMLAttributes<HTMLDivElement>;
|
|
|
|
const Card: FC<CardProps> = forwardRef(
|
|
({ children, className, ...props }, ref) => {
|
|
return (
|
|
<div
|
|
ref={ref as LegacyRef<HTMLDivElement>}
|
|
className={cn(
|
|
"shadow-md dark:shadow-primary/25 hover:shadow-xl transition-shadow rounded-xl overflow-hidden bg-white dark:bg-black border border-black/10 dark:border-white/25",
|
|
className
|
|
)}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
}
|
|
);
|
|
|
|
export const AnimatedCard = motion(Card);
|
|
AnimatedCard.displayName = "AnimatedCard";
|
|
Card.displayName = "Card";
|
|
export default Card;
|