'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { Button } from '../Button/index.js';
import './index.scss';
/**
   * @deprecated
   * This prop is deprecated and will be removed in the next major version.
   * Components now import their own `Link` directly from `next/link`.
   */ const baseClass = 'card';
export const Card = (props)=>{
    const { id, actions, buttonAriaLabel, href, onClick, title, titleAs } = props;
    const classes = [
        baseClass,
        id,
        (onClick || href) && `${baseClass}--has-onclick`
    ].filter(Boolean).join(' ');
    const Tag = titleAs ?? 'div';
    return /*#__PURE__*/ _jsxDEV("div", {
        className: classes,
        id: id,
        children: [
            /*#__PURE__*/ _jsxDEV(Tag, {
                className: `${baseClass}__title`,
                children: title
            }, void 0, false, {
                fileName: "src/elements/Card/index.tsx",
                lineNumber: 37,
                columnNumber: 7
            }, this),
            actions && /*#__PURE__*/ _jsxDEV("div", {
                className: `${baseClass}__actions`,
                children: actions
            }, void 0, false, {
                fileName: "src/elements/Card/index.tsx",
                lineNumber: 38,
                columnNumber: 19
            }, this),
            (onClick || href) && /*#__PURE__*/ _jsxDEV(Button, {
                "aria-label": buttonAriaLabel,
                buttonStyle: "none",
                className: `${baseClass}__click`,
                el: "link",
                onClick: onClick,
                to: href
            }, void 0, false, {
                fileName: "src/elements/Card/index.tsx",
                lineNumber: 40,
                columnNumber: 9
            }, this)
        ]
    }, void 0, true, {
        fileName: "src/elements/Card/index.tsx",
        lineNumber: 36,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map