/**
 * @license MIT
 * author: Cube Dev Team
 * @cube-dev/ui-kit v0.0.0-canary-e980ce7
 * Released under the MIT license.
 */

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { tasty } from '../../../tasty/index.js';
const CardElement = tasty({
    qa: 'PlaygroundCard',
    styles: {
        display: 'block',
    },
});
export function Card({ styles, children }) {
    return (_jsx(CardElement, { styles: styles, children: children || (_jsxs(_Fragment, { children: [_jsx("div", { style: { fontWeight: 600, marginBottom: '8px' }, children: "Card Title" }), _jsx("div", { style: { opacity: 0.7 }, children: "This is a simple card component for demonstrating tasty styles." })] })) }));
}

        