import{i as e}from"./preload-helper-B45gAKPr.js";import{E as t,a as n,d as r,f as i,l as a,m as o,p as s,r as c,u as l}from"./blocks-CwEU-ME1.js";import{t as u}from"./jsx-runtime-BBQGix-2.js";import{t as d}from"./mdx-react-shim-DnKFgFHy.js";import{ContextMenuBasic as f,ControlledDropdown as p,DropdownMenuBasic as m,n as h,t as g}from"./ContextMenu.stories-BJr53bsq.js";function _(e){let o={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...t(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a,{of:g,parameters:{docs:{toc:!0}}}),`
`,(0,y.jsx)(s,{children:`ContextMenu`}),`
`,(0,y.jsx)(i,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
`,(0,y.jsx)(o.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
`,(0,y.jsx)(o.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
`,(0,y.jsx)(l,{}),`
`,(0,y.jsx)(n,{of:m}),`
`,(0,y.jsx)(o.pre,{children:(0,y.jsx)(o.code,{className:`language-tsx`,children:`import { DropdownMenu } from "@/shared/ui";

export function Example() {
	return (
		<DropdownMenu>
			<DropdownMenu.Trigger>
				<button type="button">Действия</button>
			</DropdownMenu.Trigger>
			<DropdownMenu.Content>
				<DropdownMenu.Item>Редактировать</DropdownMenu.Item>
				<DropdownMenu.Item>Удалить</DropdownMenu.Item>
			</DropdownMenu.Content>
		</DropdownMenu>
	);
}
`})}),`
`,(0,y.jsx)(o.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
`,(0,y.jsxs)(o.ul,{children:[`
`,(0,y.jsx)(o.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
`]}),`
`,(0,y.jsx)(o.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
`,(0,y.jsx)(o.h3,{id:`базовый-сценарий-dropdown-menu`,children:`Базовый сценарий dropdown-menu`}),`
`,(0,y.jsx)(o.p,{children:`Базовый сценарий dropdown-menu.`}),`
`,(0,y.jsx)(c,{of:m}),`
`,(0,y.jsx)(o.h3,{id:`базовое-контекстное-меню-по-правому-клику`,children:`Базовое контекстное меню по правому клику`}),`
`,(0,y.jsx)(o.p,{children:`Базовое контекстное меню по правому клику.`}),`
`,(0,y.jsx)(c,{of:f}),`
`,(0,y.jsx)(o.h3,{id:`контролируемое-открытие-dropdown-menu`,children:`Контролируемое открытие dropdown-menu`}),`
`,(0,y.jsx)(o.p,{children:`Контролируемое открытие dropdown-menu.`}),`
`,(0,y.jsx)(c,{of:p}),`
`,(0,y.jsx)(o.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
`,(0,y.jsx)(r,{includePrimary:!1})]})}function v(e={}){let{wrapper:n}={...t(),...e.components};return n?(0,y.jsx)(n,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;e((()=>{y=u(),d(),o(),h()}))();export{v as default};