// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import { MenuList } from "@coreai-ds/react-components";
import { MenuItem } from "@coreai-ds/react-components";

export const Default = () => {
    const styles = /* css */ `
      .menu-list-default-example {
        background-color: var(--colorNeutralBackground1);
        min-width: 128px;
        min-height: 48px;
        max-width: 300px;
        width: max-content;
        box-shadow: var(--shadow16);
        padding-top: var(--spacingVerticalXS);
        padding-bottom: var(--spacingVerticalXS);
      }
    `;
    return (<>
        <style>{styles}</style>
        <MenuList className="menu-list-default-example">
          <MenuItem>Cut</MenuItem>
          <MenuItem>Paste</MenuItem>
          <MenuItem>Edit</MenuItem>
        </MenuList>
      </>);
};

export default Default;