@empoleon/spotlight/esm/SpotlightFooter.mjs

Command center components for react and Empoleon

import { createComponent, mergeProps } from 'solid-js/web';
import { factory, useProps, Box } from '@empoleon/core';
import { useSpotlightContext } from './Spotlight.context.mjs';
import classes from './Spotlight.module.css.mjs';
import { splitProps } from 'solid-js';

const defaultProps = {};
const SpotlightFooter = factory(_props => {
  const props = useProps("SpotlightFooter", defaultProps, _props);
  const [local, others] = splitProps(props, ["className", "style", "classNames", "styles", "ref"]);
  const ctx = useSpotlightContext();
  return createComponent(Box, mergeProps({
    ref(r$) {
      var _ref$ = local.ref;
      typeof _ref$ === "function" ? _ref$(r$) : local.ref = r$;
    }
  }, () => ctx.getStyles("footer", {
    className: local.className,
    classNames: local.classNames,
    style: local.style,
    styles: local.styles
  }), others));
});
SpotlightFooter.classes = classes;
SpotlightFooter.displayName = "@empoleon/spotlight/SpotlightFooter";

export { SpotlightFooter };
//# sourceMappingURL=SpotlightFooter.mjs.map