import React from 'react';
import { FormLabel } from '../..';
export default {
  title: 'Atoms / FormLabel',
  parameters: {
    component: FormLabel
  }
};
export var DefaultStory = {
  render: function render() {
    return React.createElement(React.Fragment, null, React.createElement(FormLabel, {
      forId: "unique-id"
    }, "Username"), React.createElement("input", {
      type: "text",
      id: "unique-id"
    }));
  },
  name: 'Default'
};
export var WithHiddenLabel = {
  render: function render() {
    return React.createElement(React.Fragment, null, React.createElement(FormLabel, {
      forId: "unique-id-2",
      hideLabel: true
    }, "Username"), React.createElement("input", {
      type: "text",
      id: "unique-id-2"
    }));
  },
  name: 'With hidden label'
};
export var AsAWrapper = {
  render: function render() {
    return React.createElement(FormLabel, null, "Username", React.createElement("input", {
      type: "text"
    }));
  },
  name: 'As a wrapper'
};
export var Disabled = function Disabled() {
  return React.createElement(React.Fragment, null, React.createElement(FormLabel, {
    forId: "unique-id",
    disabled: true
  }, "This is disabled"), React.createElement("input", {
    type: "text",
    id: "unique-id",
    disabled: true
  }));
};