@wordpress/components/build/ui/form-group/use-form-group.js

UI components for WordPress.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useFormGroup = useFormGroup;

var _emotion = require("emotion");

var _context = require("../context");

var styles = _interopRequireWildcard(require("./form-group-styles"));

var _utils = require("../utils");

/**
 * Internal dependencies
 */

/**
 * @param {import('../context').ViewOwnProps<import('./types').FormGroupProps, 'div'>} props
 */
function useFormGroup(props) {
  const {
    alignLabel = 'left',
    children,
    className,
    help,
    horizontal = false,
    id: idProp,
    label,
    labelHidden = false,
    truncate = false,
    ...otherProps
  } = (0, _context.useContextSystem)(props, 'FormGroup');
  const id = (0, _utils.useInstanceId)(useFormGroup, 'form-group', idProp);
  const classes = (0, _emotion.cx)(styles.FormGroup, className);
  const contentProps = {
    alignLabel,
    children,
    help,
    id,
    horizontal,
    label,
    labelHidden,
    truncate
  };
  return { ...otherProps,
    className: classes,
    contentProps,
    horizontal
  };
}
//# sourceMappingURL=use-form-group.js.map