text: // THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
  /* tslint:disable */
  /* eslint-disable */
  import "./textstyles/fonts.css";
  import "./reset.css";
  import "./HbFormElement.css";
  import React, { createContext, useContext } from "react";
  import {
    findSetVariantProps,
    makeCompositeDefaultProps,
  } from "./_internal_utils";
  import { RootPrimitive, ContainerPrimitive } from "./_internal_primitives";
  
  const styles = [
    {
      type: "default",
      layers: {},
    },
  ];
  
  const defaultPropValues = [
    {
      type: "default",
      layers: {},
    },
  ];
  
  const variantPropTypes = [];
  
  export const HbFormElementContext = createContext(null);
  
  function HbFormElement(_props) {
    const defaults = useContext(HbFormElementContext);
    const props = { ...defaults, ..._props };
    const activeVariants = findSetVariantProps(variantPropTypes, props);
    const getCompositeDefaultProps = makeCompositeDefaultProps(
      defaultPropValues,
      activeVariants
    );
    return (
      <RootPrimitive
        {...props}
        key="GFWFBVKofw"
        addSpacing={false}
        internal={{
          projectId: "WDRq65T88Q",
          styles: styles,
          layerId: "GFWFBVKofw",
          scope: "Va69G6HRMS",
          activeVariants: activeVariants,
        }}
      >
        <ContainerPrimitive
          key={"645zCMveCM"}
          id={"Slot_645zCMveCM"}
          className={
            "__visly_reset_WDRq65T88Q __visly_scope_Va69G6HRMS_645zCMveCM"
          }
          addSpacing={true}
        >
          {props.children}
        </ContainerPrimitive>
      </RootPrimitive>
    );
  }
  
  HbFormElement.__variants = [];
  
  export default HbFormElement;
  