@shopify/polaris/dist/esm/components/Label/Label.js

Shopify’s product component library

import React$1 from 'react';
import { classNames } from '../../utilities/css.js';
import styles from './Label.scss.js';

function labelID(id) {
  return `${id}Label`;
}
function Label({
  children,
  id,
  hidden
}) {
  const className = classNames(styles.Label, hidden && styles.hidden);
  return /*#__PURE__*/React$1.createElement("div", {
    className: className
  }, /*#__PURE__*/React$1.createElement("label", {
    id: labelID(id),
    htmlFor: id,
    className: styles.Text
  }, children));
}

export { Label, labelID };