message: FormItem: supported Component property
diff: -import React, { FC, HTMLAttributes, ReactNode } from 'react';
  +import React, { ElementType, FC, LabelHTMLAttributes, ReactNode } from 'react';
  import { classNames } from '../../lib/classNames';
  import usePlatform from '../../hooks/usePlatform';
  import { getClassName } from '../../helpers/getClassName';
  @@ -6,27 +6,29 @@ import { hasReactNode } from '../../lib/utils';
  import Subhead from '../Typography/Subhead/Subhead';
  import Caption from '../Typography/Caption/Caption';
  -export interface FormItemProps extends HTMLAttributes<HTMLLabelElement> {
  +export interface FormItemProps extends LabelHTMLAttributes<HTMLElement> {
  top?: ReactNode;
  bottom?: ReactNode;
  status?: 'default' | 'error' | 'valid';
  + Component?: ElementType;
  }
  -export const FormItem: FC<FormItemProps> = ({ className, children, top, bottom, status, ...restProps }) => {
  +export const FormItem: FC<FormItemProps> = ({ className, children, top, bottom, status, Component, ...restProps }) => {
  const platform = usePlatform();
  return (
  - <label
  + <Component
  {...restProps}
  className={classNames(getClassName('FormItem', platform), `FormItem--${status}`, className)}
  >
  {hasReactNode(top) && <Subhead weight="regular" className="FormItem__top">{top}</Subhead>}
  {children}
  {hasReactNode(bottom) && <Caption level="1" weight="regular" className="FormItem__bottom">{bottom}</Caption>}
  - </label>
  + </Component>
  );
  };
  FormItem.defaultProps = {
  status: 'default',
  + Component: 'label',
  };
  