PageActionBar

<PageActionBar>    <ActionBarItem itemId="save-button" requiresPermission={['UpdateProduct']}>        <Button type="submit">Update</Button>    </ActionBarItem></PageActionBar>

function PageActionBar(props: Readonly<{    children: React.ReactNode;    /**     * @description     * Optional dropdown menu items to display in the action bar's context menu.     */    dropdownMenuItems?: InlineDropdownItem[];}>): void

interface ActionBarItemProps {    children: React.ReactNode;    itemId: string;    requiresPermission?: string | string[];}

<PageActionBarRight>    <ActionBarItem itemId="save-button" requiresPermission={['UpdateProduct']}>        <Button type="submit">Save</Button>    </ActionBarItem></PageActionBarRight>

function ActionBarItem(props: Readonly<ActionBarItemProps>): void

function PageActionBarLeft(props: Readonly<{ children: React.ReactNode }>): void

// Old pattern (deprecated)<PageActionBar>    <PageActionBarRight>        <ActionBarItem itemId="save-button">            <Button type="submit">Update</Button>        </ActionBarItem>    </PageActionBarRight></PageActionBar>// New pattern (recommended)<PageActionBar>    <ActionBarItem itemId="save-button" requiresPermission={['UpdateProduct']}>        <Button type="submit">Update</Button>    </ActionBarItem></PageActionBar>

function PageActionBarRight(props: Readonly<{    /**     * @description     * ActionBarItem components that will be rendered in the action bar.     * Each item should have a unique itemId for extension targeting.     */    children?: React.ReactNode;    /**     * @description     * Optional dropdown menu items. These are now extracted and rendered by PageActionBar.     * @deprecated Pass dropdownMenuItems directly to PageActionBar instead.     */    dropdownMenuItems?: InlineDropdownItem[];}>): void