import React, { forwardRef } from "react";
import styled, { css } from "styled-components";
import { getStaticVariants, getDynamicVariants, getIntersectionStyles } from "./utils";
export { styled, css };
const Root = styled.div.withConfig({
    displayName: "styled-components__Root",
    componentId: "sc-c11bf644-0"
})([
    ``,
    `;`,
    `;`,
    `;`,
    `;`
], ({ base })=>base, ({ staticVariants })=>staticVariants, ({ dynamicVariants })=>dynamicVariants, ({ intersectionStyles })=>intersectionStyles);
/* eslint-disable no-underscore-dangle */ export const _component = (componentConfig)=>{
    const { tag, base, intersections } = componentConfig;
    const staticVariants = getStaticVariants(componentConfig);
    const dynamicVariants = getDynamicVariants(componentConfig);
    return /*#__PURE__*/ forwardRef((props, ref)=>{
        const intersectionStyles = getIntersectionStyles(props, intersections);
        return /*#__PURE__*/ React.createElement(Root, {
            as: tag,
            base: base,
            staticVariants: staticVariants,
            dynamicVariants: dynamicVariants,
            intersectionStyles: intersectionStyles,
            ...props,
            ref: ref
        });
    });
};
