message: refactor: ActionSheetItem to FC
diff: -import React, { Component } from 'react';
  +import React, { FC, MouseEventHandler } from 'react';
  import { getClassName } from '../../helpers/getClassName';
  import { classNames } from '../../lib/classNames';
  -import { withPlatform } from '../../hoc/withPlatform';
  -import { HasPlatform } from '../../types';
  +import { usePlatform } from '../../hooks/usePlatform';
  import { ActionSheetProps } from './ActionSheet';
  -interface Props extends HasPlatform {
  +interface Props {
  closing: boolean;
  onClose(): void;
  toggleRef: Element;
  @@ -14,33 +13,31 @@ interface Props extends HasPlatform {
  popupDirection?: ActionSheetProps['popupDirection'];
  }
  -type ClickHandler = (event: React.MouseEvent<HTMLDivElement>) => void;
  -
  -class ActionSheetDropdown extends Component<Props> {
  - onClose = () => {
  - this.props.onClose();
  - };
  -
  - stopPropagation: ClickHandler = (e: React.MouseEvent<HTMLDivElement>) => e.stopPropagation();
  -
  - render() {
  - const { children, platform, elementRef, toggleRef, closing, popupDirection, ...restProps } = this.props;
  -
  +const stopPropagation: MouseEventHandler = (e) => e.stopPropagation();
  +
  +const ActionSheetDropdown: FC<Props> = ({
  + children,
  + elementRef,
  + toggleRef,
  + closing,
  + popupDirection,
  + ...restProps
  +}) => {
  + const platform = usePlatform();
  const baseClaseName = getClassName('ActionSheet', platform);
  return (
  <div
  {...restProps}
  ref={elementRef}
  - onClick={this.stopPropagation}
  + onClick={stopPropagation}
  vkuiClass={classNames(baseClaseName, {
  - 'ActionSheet--closing': this.props.closing,
  + 'ActionSheet--closing': closing,
  })}
  >
  {children}
  </div>
  );
  - }
  -}
  +};
  -export default withPlatform(ActionSheetDropdown);
  +export default ActionSheetDropdown;
  