@it-corp/vpbank-spotlight/esm/SpotlightActionsGroup.mjs

Command center components for react and VPbank components

'use client';
import React from 'react';
import { factory, useProps, Box } from '@it-corp/vpbank-core';
import { useSpotlightContext } from './Spotlight.context.mjs';
import classes from './Spotlight.module.css.mjs';

const defaultProps = {};
const SpotlightActionsGroup = factory(
  (props, ref) => {
    const { className, style, styles, classNames, label, children, ...others } = useProps("SpotlightActionsGroup", defaultProps, props);
    const ctx = useSpotlightContext();
    return /* @__PURE__ */ React.createElement(
      Box,
      {
        ...ctx.getStyles("actionsGroup", {
          className,
          style,
          classNames,
          styles
        }),
        ref,
        ...others,
        __vars: { "--spotlight-label": `'${label}'` }
      },
      children
    );
  }
);
SpotlightActionsGroup.classes = classes;
SpotlightActionsGroup.displayName = "@it-corp/vpbank-core/SpotlightActionsGroup";

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