"use client";
import Style from "./Card.styled";
export default function Card(props) {
    const scale = props?.scale || 1;
    const padding = props?.padding || 2;
    const gap = props?.gap || 1;
    const handleMouseOver = (e) => {
        if (typeof props?.onHover === "function")
            props?.onHover(e);
    };
    const handleClick = (e) => {
        if (typeof props?.onClick === "function")
            props?.onClick(e);
    };
    return (<Style $scale={scale} $padding={padding} $gap={gap} $hover={typeof props?.onHover === "function" ? true : false} $event={typeof props?.onClick === "function" ? true : false} style={props?.style} onMouseOver={handleMouseOver} onClick={handleClick}>
            <div>{props?.children}</div>
        </Style>);
}
//# sourceMappingURL=Card.jsx.map