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

import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { CONTAINER_STYLES, extractStyles, filterBaseProps, tasty, } from '../../../tasty/index.js';
const CardElement = tasty({
    role: 'region',
    styles: {
        display: 'block',
        flow: 'column',
        radius: '(1cr + 1bw)',
        fill: '#white',
        border: '#border',
        padding: '1.5x',
        preset: 't3',
    },
    styleProps: CONTAINER_STYLES,
});
export const Card = forwardRef(function Card(props, ref) {
    const styles = extractStyles(props, CONTAINER_STYLES);
    return (_jsx(CardElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
});

        