import{n as e}from"./rolldown-runtime-C0FnF6B9.js";import{n as t}from"./iframe-DaN-XFub.js";import{i as n,r}from"./react-qN2cStNd.js";import{a as i,d as a,f as o,l as s,m as c,p as l,r as u,u as d}from"./blocks-BiaKjftm.js";import{a as f,i as p,n as m,r as h,t as g}from"./ContextMenu.stories-CVw3hOvY.js";function _(e){let t={code:`code`,h2:`h2`,h3:`h3`,li:`li`,p:`p`,pre:`pre`,ul:`ul`,...n(),...e.components};return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s,{of:m,parameters:{docs:{toc:!0}}}),`
`,(0,y.jsx)(l,{children:`ContextMenu`}),`
`,(0,y.jsx)(o,{children:`Контекстные и dropdown-меню для локальных действий в списках, карточках и рабочих областях`}),`
`,(0,y.jsx)(t.p,{children:`ContextMenu уже имеет живые stories, а эта страница собирает их в структурированную документацию с краткими рекомендациями, примерами подключения и API.
Ниже можно быстро проверить базовый сценарий, а затем перейти к отдельным режимам использования и состояниям компонента.`}),`
`,(0,y.jsx)(t.h2,{id:`основной-сценарий`,children:`Основной сценарий`}),`
`,(0,y.jsx)(d,{}),`
`,(0,y.jsx)(i,{of:p}),`
`,(0,y.jsx)(t.pre,{children:(0,y.jsx)(t.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)(t.h2,{id:`практические-рекомендации`,children:`Практические рекомендации`}),`
`,(0,y.jsxs)(t.ul,{children:[`
`,(0,y.jsx)(t.li,{children:`Начните с базового сценария ниже, а затем проверьте в stories те состояния, которые реально используются в вашем экране.`}),`
`]}),`
`,(0,y.jsx)(t.h2,{id:`сценарии-использования`,children:`Сценарии использования`}),`
`,(0,y.jsx)(t.h3,{id:`базовый-сценарий-dropdown-menu`,children:`Базовый сценарий dropdown-menu`}),`
`,(0,y.jsx)(t.p,{children:`Базовый сценарий dropdown-menu.`}),`
`,(0,y.jsx)(u,{of:p}),`
`,(0,y.jsx)(t.h3,{id:`базовое-контекстное-меню-по-правому-клику`,children:`Базовое контекстное меню по правому клику`}),`
`,(0,y.jsx)(t.p,{children:`Базовое контекстное меню по правому клику.`}),`
`,(0,y.jsx)(u,{of:g}),`
`,(0,y.jsx)(t.h3,{id:`контролируемое-открытие-dropdown-menu`,children:`Контролируемое открытие dropdown-menu`}),`
`,(0,y.jsx)(t.p,{children:`Контролируемое открытие dropdown-menu.`}),`
`,(0,y.jsx)(u,{of:h}),`
`,(0,y.jsx)(t.h2,{id:`все-сторисы`,children:`Все сторисы`}),`
`,(0,y.jsx)(a,{includePrimary:!1})]})}function v(e={}){let{wrapper:t}={...n(),...e.components};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(_,{...e})}):_(e)}var y;function b(){return(b=e((()=>{y=t(),r(),c(),f()})))()}b();export{v as default};