@atlaskit/form/dist/es2019/label.js

A form allows people to input information.

/* label.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./label.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
const fieldsetLabelStyles = null;

/**
 * __Label__
 *
 * A label represents a caption for an item in a user interface.
 *
 * It's recommended that a label has a `space.050` spacing above its associated
 * control element.
 */
export const Label = ({
  children,
  htmlFor,
  id,
  testId
}) => /*#__PURE__*/React.createElement("label", {
  id: id,
  htmlFor: htmlFor,
  "data-testid": testId,
  className: ax(["_11c8wadc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
}, children);

/**
 * __Legend__
 *
 * A Legend represents a caption for a fieldset in a user interface.
 */
export const Legend = ({
  children
}) => {
  return /*#__PURE__*/React.createElement("legend", {
    className: ax(["_11c8wadc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
  }, children);
};