@workday/canvas-kit-react/dist/es6/action-bar/lib/ActionBarOverflowButton.js

The parent module that contains all Workday Canvas Kit React components

import { jsx as _jsx } from "react/jsx-runtime";
import { relatedActionsIcon } from '@workday/canvas-system-icons-web';
import { createElemPropsHook, composeHooks, createSubcomponent, createSubModelElemPropsHook, } from '@workday/canvas-kit-react/common';
import { useOverflowListTarget } from '@workday/canvas-kit-react/collection';
import { useMenuTarget } from '@workday/canvas-kit-react/menu';
import { useActionBarModel } from './useActionBarModel';
import { SecondaryButton } from '@workday/canvas-kit-react/button';
import { createStencil } from '@workday/canvas-kit-styling';
import { mergeStyles } from '@workday/canvas-kit-react/layout';
export const actionBarOverflowButtonStencil = createStencil({
    base: { name: "88rzh", styles: "box-sizing:border-box;flex:0;" }
}, "action-bar-overflow-button-0a24d9");
export const useActionBarOverflowButton = composeHooks(createElemPropsHook(useActionBarModel)(() => ({
    'aria-haspopup': true,
})), useOverflowListTarget, createSubModelElemPropsHook(useActionBarModel)(m => m.menu, useMenuTarget));
export const ActionBarOverflowButton = createSubcomponent('button')({
    displayName: 'ActionBar.OverflowButton',
    modelHook: useActionBarModel,
    elemPropsHook: useActionBarOverflowButton,
})((elemProps, Element) => {
    return (_jsx(SecondaryButton, { as: Element, icon: relatedActionsIcon, ...mergeStyles(elemProps, actionBarOverflowButtonStencil()) }));
});