import React, { forwardRef } from "react";
import { css } from "styled-components";
import { base as viewCSS } from "./_view/base";
const base = css([
    `position:relative;`
]);
export const viewContainerRoot = (Root)=>/*#__PURE__*/ forwardRef((props, ref)=>{
        const { children, ...rest } = props;
        return /*#__PURE__*/ React.createElement(Root, {
            ref: ref,
            ...rest
        }, children);
    });
export const viewContainerConfig = {
    name: 'ViewContainer',
    tag: 'div',
    layout: viewContainerRoot,
    base,
    variations: {
        view: {
            css: viewCSS
        }
    },
    defaults: {
        view: undefined
    }
};
