import React, { forwardRef } from "react";
import { base } from "./Indicator.styles";
import { base as viewCSS } from "./variations/_view/base";
import { base as sizeCSS } from "./variations/_size/base";
export const indicatorRoot = (Root)=>{
    return /*#__PURE__*/ forwardRef((props, ref)=>{
        const { size, view, ...rest } = props;
        return /*#__PURE__*/ React.createElement(Root, {
            ref: ref,
            size: size,
            view: view,
            ...rest
        });
    });
};
export const indicatorConfig = {
    name: 'Indicator',
    tag: 'div',
    layout: indicatorRoot,
    base,
    variations: {
        size: {
            css: sizeCSS
        },
        view: {
            css: viewCSS
        }
    },
    defaults: {
        size: 's',
        view: 'default'
    }
};
