text: import React from "react";
  import PropTypes from "prop-types";
  import clsx from "clsx";
  import styled from "styled-components";
  import FormLabel from "@material-ui/core/FormLabel";
  import { withTheme } from "dry/theme";
  import setPropTypes from "dry/utils/setPropTypes";
  
  function DryFormLabel(props) {
    const { className, variant, ...restProps } = props;
    const clsxName = clsx(className, {
      [`MuiFormLabel-root--${variant}`]: variant
    });
  
    return <FormLabel {...restProps} className={clsxName} />;
  }
  
  DryFormLabel.defaultProps = {
    className: "",
    variant: "normal"
  };
  
  DryFormLabel.propTypes = {
    className: PropTypes.string,
    variant: PropTypes.oneOf(["small", "normal"])
  };
  
  const StyledFormLabel = styled(DryFormLabel)`
    &.MuiFormLabel-root {
      font-style: normal;
      font-weight: normal;
      color: #90a0b7;
  
      &--small {
        font-size: 12px;
      }
    }
  `;
  
  const ThemedStyledFormLabel = withTheme(StyledFormLabel);
  
  setPropTypes("DryFormLabel", [FormLabel, DryFormLabel], ThemedStyledFormLabel);
  
  export default ThemedStyledFormLabel;
  