import React, { forwardRef } from "react";
import cls from "classnames";
import { base as viewCSS } from "./variations/_view/base";
import { base as sizeCSS } from "./variations/_size/base";
import { base } from "./Card.styles";
import { classes } from "./Card.tokens";
export const cardRoot = (Root)=>/*#__PURE__*/ forwardRef(({ className, view, size, selected, orientation, backgroundType = 'none', style, children, ...rest }, outerRef)=>{
        return /*#__PURE__*/ React.createElement(Root, {
            ref: outerRef,
            view: view,
            size: size,
            className: cls(className, {
                [classes.selected]: selected,
                [classes.backgroundSolid]: backgroundType === 'solid',
                [classes.horizontal]: orientation === 'horizontal',
                [classes.vertical]: orientation === 'vertical'
            }),
            style: style,
            ...rest
        }, children);
    });
export const cardConfig = {
    name: 'Card',
    tag: 'div',
    layout: cardRoot,
    base,
    variations: {
        view: {
            css: viewCSS
        },
        size: {
            css: sizeCSS
        }
    },
    defaults: {
        view: 'default',
        size: 'm'
    }
};
