/**

 * Copyright (c) Meta Platforms, Inc. and affiliates.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE file in the root directory of this source tree.

 *

 * @flow

 */

import * as React from 'react';

import {

  Menu,

  MenuList as ReachMenuList,

  MenuButton,

  MenuItem,

} from '@reach/menu-button';

import useThemeStyles from '../../useThemeStyles';

const MenuList = ({

  children,

  ...props

}: {

  children: React$Node,

  ...

}): React.Node => {

  const style = useThemeStyles();

  return (

    // $FlowFixMe[cannot-spread-inexact] unsafe spread

    <ReachMenuList style={style} {...props}>

      {children}

    </ReachMenuList>

  );

};

export {MenuItem, MenuButton, MenuList, Menu};