From db35846b11b71089d509482ef6caf1348caeb71d Mon Sep 17 00:00:00 2001 From: Codemod Bot Date: Tue, 23 Jun 2026 03:35:18 +0000 Subject: [PATCH] Apply AST Transformations --- src/a11y/a11y.tsx | 6 ++++-- .../__tests__/accordion-disabled.scenario.tsx | 3 ++- .../__tests__/accordion-expanded.scenario.tsx | 4 +++- .../accordion-panel-override.scenario.tsx | 6 ++++-- .../__tests__/accordion-stateless.scenario.tsx | 3 ++- src/accordion/__tests__/accordion.scenario.tsx | 3 ++- src/accordion/__tests__/accordion.test.tsx | 3 ++- src/accordion/__tests__/panel.test.tsx | 2 +- .../__tests__/stateful-panel-container.test.tsx | 2 +- src/accordion/styled-components.ts | 2 +- .../app-nav-bar-get-unique-identifier.scenario.tsx | 5 +++-- .../app-nav-bar-icon-overrides.scenario.tsx | 10 ++++++---- .../app-nav-bar-is-main-item-active.scenario.tsx | 2 +- .../app-nav-bar-map-item-to-node.scenario.tsx | 7 ++++--- .../__tests__/app-nav-bar-overrides.scenario.tsx | 5 +++-- .../__tests__/app-nav-bar-title-node.scenario.tsx | 5 +++-- src/app-nav-bar/__tests__/app-nav-bar.scenario.tsx | 5 +++-- src/app-nav-bar/__tests__/utils.test.ts | 2 +- src/app-nav-bar/app-nav-bar.tsx | 2 +- src/app-nav-bar/mobile-menu.tsx | 12 ++++++++---- src/app-nav-bar/styled-components.ts | 4 ++-- src/app-nav-bar/user-menu.tsx | 14 +++++++++----- src/app-nav-bar/user-profile-tile.tsx | 2 +- .../__tests__/aspect-ratio-box.scenario.tsx | 3 ++- src/aspect-ratio-box/aspect-ratio-box-body.tsx | 4 ++-- src/aspect-ratio-box/aspect-ratio-box.tsx | 3 ++- src/aspect-ratio-box/types.ts | 2 +- .../__tests__/avatar-custom-initials.scenario.tsx | 2 +- src/avatar/__tests__/avatar-error.scenario.tsx | 2 +- src/avatar/__tests__/avatar-no-src.scenario.tsx | 2 +- 30 files changed, 77 insertions(+), 50 deletions(-) diff --git a/src/a11y/a11y.tsx b/src/a11y/a11y.tsx index 3540d10fd3..8dd60645f9 100644 --- a/src/a11y/a11y.tsx +++ b/src/a11y/a11y.tsx @@ -9,9 +9,11 @@ LICENSE file in the root directory of this source tree. import * as React from 'react'; import axe from 'axe-core'; -import { Layer, TetherBehavior, TETHER_PLACEMENT } from '../layer'; +import Layer from '../layer/layer'; +import TetherBehavior from '../layer/tether'; +import { TETHER_PLACEMENT } from '../layer/constants'; import { ParagraphSmall, ParagraphXSmall } from '../typography'; -import { styled } from '../styles'; +import { styled } from '../styles/styled'; import { ThemeContext } from '../styles/theme-provider'; import type { ViolationProps } from './types'; diff --git a/src/accordion/__tests__/accordion-disabled.scenario.tsx b/src/accordion/__tests__/accordion-disabled.scenario.tsx index c30ed46e26..438f115299 100644 --- a/src/accordion/__tests__/accordion-disabled.scenario.tsx +++ b/src/accordion/__tests__/accordion-disabled.scenario.tsx @@ -6,7 +6,8 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Accordion, Panel } from '..'; +import Accordion from '../accordion'; +import Panel from '../panel'; export function Scenario() { return ( diff --git a/src/accordion/__tests__/accordion-expanded.scenario.tsx b/src/accordion/__tests__/accordion-expanded.scenario.tsx index 2b5032f769..ad0e0db130 100644 --- a/src/accordion/__tests__/accordion-expanded.scenario.tsx +++ b/src/accordion/__tests__/accordion-expanded.scenario.tsx @@ -6,7 +6,9 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Accordion, StatefulPanel, Panel } from '..'; +import Accordion from '../accordion'; +import StatefulPanel from '../stateful-panel'; +import Panel from '../panel'; export function Scenario() { return ( diff --git a/src/accordion/__tests__/accordion-panel-override.scenario.tsx b/src/accordion/__tests__/accordion-panel-override.scenario.tsx index 10bdf7c5ed..2ac4012f7d 100644 --- a/src/accordion/__tests__/accordion-panel-override.scenario.tsx +++ b/src/accordion/__tests__/accordion-panel-override.scenario.tsx @@ -6,9 +6,11 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Accordion, Panel } from '..'; +import Accordion from '../accordion'; +import Panel from '../panel'; -import { createTheme, lightThemePrimitives, ThemeProvider } from '../..'; +import { createTheme, lightThemePrimitives } from '../../themes'; +import { ThemeProvider } from '../../styles'; const themeWithIcons = createTheme( { diff --git a/src/accordion/__tests__/accordion-stateless.scenario.tsx b/src/accordion/__tests__/accordion-stateless.scenario.tsx index c49c74bf11..831036f34b 100644 --- a/src/accordion/__tests__/accordion-stateless.scenario.tsx +++ b/src/accordion/__tests__/accordion-stateless.scenario.tsx @@ -6,7 +6,8 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { StatelessAccordion, Panel } from '..'; +import StatelessAccordion from '../stateless-accordion'; +import Panel from '../panel'; export function Scenario() { const [expanded, setExpanded] = React.useState(['P1', 'P2']); diff --git a/src/accordion/__tests__/accordion.scenario.tsx b/src/accordion/__tests__/accordion.scenario.tsx index 9cbc5d49dc..0d451bf46a 100644 --- a/src/accordion/__tests__/accordion.scenario.tsx +++ b/src/accordion/__tests__/accordion.scenario.tsx @@ -6,7 +6,8 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Accordion, Panel } from '..'; +import Accordion from '../accordion'; +import Panel from '../panel'; export function Scenario() { return ( diff --git a/src/accordion/__tests__/accordion.test.tsx b/src/accordion/__tests__/accordion.test.tsx index 40fb2a9517..239f149df0 100644 --- a/src/accordion/__tests__/accordion.test.tsx +++ b/src/accordion/__tests__/accordion.test.tsx @@ -7,7 +7,8 @@ LICENSE file in the root directory of this source tree. import * as React from 'react'; import { render, fireEvent, getByText, getByTestId, queryAllByText } from '@testing-library/react'; -import { Accordion, Panel } from '..'; +import Accordion from '../accordion'; +import Panel from '../panel'; describe('Accordion', () => { it('renders basic configuration', () => { diff --git a/src/accordion/__tests__/panel.test.tsx b/src/accordion/__tests__/panel.test.tsx index e436cbf71e..8eb5abc607 100644 --- a/src/accordion/__tests__/panel.test.tsx +++ b/src/accordion/__tests__/panel.test.tsx @@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree. import * as React from 'react'; import { render, fireEvent, getByText } from '@testing-library/react'; -import { Panel } from '..'; +import Panel from '../panel'; describe('Panel', () => { it('applies aria-controls when provided', () => { diff --git a/src/accordion/__tests__/stateful-panel-container.test.tsx b/src/accordion/__tests__/stateful-panel-container.test.tsx index 09b3b32d69..8ca1dfa811 100644 --- a/src/accordion/__tests__/stateful-panel-container.test.tsx +++ b/src/accordion/__tests__/stateful-panel-container.test.tsx @@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree. import * as React from 'react'; import { render } from '@testing-library/react'; -import { StatefulPanelContainer } from '..'; +import StatefulPanelContainer from '../stateful-panel-container'; describe('StatefulPanelContainer', () => { it('provides expected props to children function', () => { diff --git a/src/accordion/styled-components.ts b/src/accordion/styled-components.ts index 198eb8cb83..ec47960530 100644 --- a/src/accordion/styled-components.ts +++ b/src/accordion/styled-components.ts @@ -4,7 +4,7 @@ Copyright (c) Uber Technologies, Inc. This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ -import { styled } from '../styles'; +import { styled } from '../styles/styled'; import { getSvgStyles } from '../icon/styled-components'; import type { SharedStylePropsArg } from './types'; diff --git a/src/app-nav-bar/__tests__/app-nav-bar-get-unique-identifier.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-get-unique-identifier.scenario.tsx index 33ce745109..cb1fe63e6f 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-get-unique-identifier.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-get-unique-identifier.scenario.tsx @@ -5,8 +5,9 @@ This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import type { NavItem } from '..'; -import { AppNavBar, setItemActive } from '..'; +import type { NavItem } from '../types'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; export function Scenario() { const [mainItems, setMainItems] = React.useState([ diff --git a/src/app-nav-bar/__tests__/app-nav-bar-icon-overrides.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-icon-overrides.scenario.tsx index 17d7927b04..9f9a3d85fa 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-icon-overrides.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-icon-overrides.scenario.tsx @@ -5,10 +5,12 @@ This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { ThemeProvider, LightTheme } from '../../index'; -import type { NavItem } from '../index'; -import { AppNavBar, setItemActive } from '../index'; -import type { IconProps } from '../../icon'; +import { ThemeProvider } from '../../styles'; +import { LightTheme } from '../../themes'; +import type { NavItem } from '../types'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; +import type { IconProps } from '../../icon/types'; // eslint-disable-next-line @typescript-eslint/no-unused-vars const XSmallFilled = ({ title, size, color, ...props }: IconProps) => { diff --git a/src/app-nav-bar/__tests__/app-nav-bar-is-main-item-active.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-is-main-item-active.scenario.tsx index 62c5bf7b42..799eb198be 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-is-main-item-active.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-is-main-item-active.scenario.tsx @@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { AppNavBar } from '..'; +import AppNavBar from '../app-nav-bar'; const mainItems = [ { label: 'Primary A' }, diff --git a/src/app-nav-bar/__tests__/app-nav-bar-map-item-to-node.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-map-item-to-node.scenario.tsx index e353d237e5..954f54009c 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-map-item-to-node.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-map-item-to-node.scenario.tsx @@ -6,10 +6,11 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { useStyletron } from '../../styles'; +import { useStyletron } from '../../styles/styled'; -import type { NavItem } from '..'; -import { AppNavBar, setItemActive } from '..'; +import type { NavItem } from '../types'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; export function Scenario() { const [css] = useStyletron(); diff --git a/src/app-nav-bar/__tests__/app-nav-bar-overrides.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-overrides.scenario.tsx index 1cdef82691..ec28e350b7 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-overrides.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-overrides.scenario.tsx @@ -11,8 +11,9 @@ import Delete from '../../icon/delete'; import Upload from '../../icon/upload'; import Overflow from '../../icon/overflow'; -import type { NavItem } from '..'; -import { AppNavBar, setItemActive } from '..'; +import type { NavItem } from '../types'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; const expandBorderStyles = (str) => { const val = str.split(' '); diff --git a/src/app-nav-bar/__tests__/app-nav-bar-title-node.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar-title-node.scenario.tsx index 8648e72df2..2bfb1b7e8f 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar-title-node.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar-title-node.scenario.tsx @@ -6,9 +6,10 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { useStyletron } from '../../styles'; +import { useStyletron } from '../../styles/styled'; -import { AppNavBar, setItemActive } from '..'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; export function Scenario() { const [css] = useStyletron(); diff --git a/src/app-nav-bar/__tests__/app-nav-bar.scenario.tsx b/src/app-nav-bar/__tests__/app-nav-bar.scenario.tsx index 943c653da5..ee01824a76 100644 --- a/src/app-nav-bar/__tests__/app-nav-bar.scenario.tsx +++ b/src/app-nav-bar/__tests__/app-nav-bar.scenario.tsx @@ -11,8 +11,9 @@ import Delete from '../../icon/delete'; import Upload from '../../icon/upload'; import Overflow from '../../icon/overflow'; -import type { NavItem } from '..'; -import { AppNavBar, setItemActive } from '..'; +import type { NavItem } from '../types'; +import AppNavBar from '../app-nav-bar'; +import { setItemActive } from '../utils'; export function Scenario() { const [mainItems, setMainItems] = React.useState([ diff --git a/src/app-nav-bar/__tests__/utils.test.ts b/src/app-nav-bar/__tests__/utils.test.ts index 34e9f5a9ed..01a89c960c 100644 --- a/src/app-nav-bar/__tests__/utils.test.ts +++ b/src/app-nav-bar/__tests__/utils.test.ts @@ -4,7 +4,7 @@ Copyright (c) Uber Technologies, Inc. This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ -import { setItemActive } from '..'; +import { setItemActive } from '../utils'; describe('setItemActive', () => { it('sets specified item active', () => { diff --git a/src/app-nav-bar/app-nav-bar.tsx b/src/app-nav-bar/app-nav-bar.tsx index 0627f41933..475ac2ae5d 100644 --- a/src/app-nav-bar/app-nav-bar.tsx +++ b/src/app-nav-bar/app-nav-bar.tsx @@ -7,7 +7,7 @@ LICENSE file in the root directory of this source tree. import * as React from 'react'; import { getOverrides } from '../helpers/overrides'; -import { useStyletron } from '../styles'; +import { useStyletron } from '../styles/styled'; import { isFocusVisible } from '../utils/focusVisible'; import { KIND, POSITION } from './constants'; diff --git a/src/app-nav-bar/mobile-menu.tsx b/src/app-nav-bar/mobile-menu.tsx index 59b924d746..ea980c87ee 100644 --- a/src/app-nav-bar/mobile-menu.tsx +++ b/src/app-nav-bar/mobile-menu.tsx @@ -6,14 +6,18 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Button } from '../button'; -import { Drawer, ANCHOR } from '../drawer'; +import Button from '../button/button'; +import Drawer from '../drawer/drawer'; +import { ANCHOR } from '../drawer/constants'; import { getOverrides, mergeOverrides } from '../helpers/overrides'; import ArrowLeft from '../icon/arrow-left'; import MenuIcon from '../icon/menu'; // eslint-disable-next-line @typescript-eslint/no-unused-vars -import { MenuAdapter, ListItemLabel, ARTWORK_SIZES, MenuAdapterProps } from '../list'; -import { StatefulMenu } from '../menu'; +import MenuAdapter from '../list/menu-adapter'; +import ListItemLabel from '../list/list-item-label'; +import { ARTWORK_SIZES } from '../list/constants'; +import { MenuAdapterProps } from '../list/types'; +import StatefulMenu from '../menu/stateful-menu'; import { StyledSideMenuButton, StyledUserMenuProfileListItem } from './styled-components'; import type { AppNavBarProps } from './types'; diff --git a/src/app-nav-bar/styled-components.ts b/src/app-nav-bar/styled-components.ts index 53ea296257..9e326027b5 100644 --- a/src/app-nav-bar/styled-components.ts +++ b/src/app-nav-bar/styled-components.ts @@ -4,9 +4,9 @@ Copyright (c) Uber Technologies, Inc. This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ -import { styled, withStyle } from '../styles'; +import { styled, withStyle } from '../styles/styled'; import { getMediaQueryPageMargins, getMinimumPageMargins } from '../helpers/responsive-helpers'; -import { StyledListItem } from '../menu'; +import { StyledListItem } from '../menu/styled-components'; import { KIND } from './constants'; const StyledButton = styled< diff --git a/src/app-nav-bar/user-menu.tsx b/src/app-nav-bar/user-menu.tsx index 343c717388..fd544eb0d5 100644 --- a/src/app-nav-bar/user-menu.tsx +++ b/src/app-nav-bar/user-menu.tsx @@ -6,14 +6,18 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Avatar } from '../avatar'; -import { Button } from '../button'; +import Avatar from '../avatar/avatar'; +import Button from '../button/button'; import { getOverrides, mergeOverrides } from '../helpers/overrides'; import ChevronDownSmallFilled from '../icon/chevron-down'; import ChevronUpSmallFilled from '../icon/chevron-up'; -import { MenuAdapter, ListItemLabel, ARTWORK_SIZES } from '../list'; -import { StatefulMenu, StyledList } from '../menu'; -import { StatefulPopover, PLACEMENT, TRIGGER_TYPE } from '../popover'; +import MenuAdapter from '../list/menu-adapter'; +import ListItemLabel from '../list/list-item-label'; +import { ARTWORK_SIZES } from '../list/constants'; +import StatefulMenu from '../menu/stateful-menu'; +import { StyledList } from '../menu/styled-components'; +import StatefulPopover from '../popover/stateful-popover'; +import { PLACEMENT, TRIGGER_TYPE } from '../popover/constants'; import { StyledUserMenuButton, StyledUserMenuProfileListItem } from './styled-components'; import type { UserMenuProps, NavItem, AppNavBarOverrides } from './types'; diff --git a/src/app-nav-bar/user-profile-tile.tsx b/src/app-nav-bar/user-profile-tile.tsx index 7209eb72b5..c964538b62 100644 --- a/src/app-nav-bar/user-profile-tile.tsx +++ b/src/app-nav-bar/user-profile-tile.tsx @@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Avatar } from '../avatar'; +import Avatar from '../avatar/avatar'; import { getOverrides } from '../helpers/overrides'; import { LabelMedium, ParagraphSmall } from '../typography'; diff --git a/src/aspect-ratio-box/__tests__/aspect-ratio-box.scenario.tsx b/src/aspect-ratio-box/__tests__/aspect-ratio-box.scenario.tsx index ae1ebdbb16..ec62f3f833 100644 --- a/src/aspect-ratio-box/__tests__/aspect-ratio-box.scenario.tsx +++ b/src/aspect-ratio-box/__tests__/aspect-ratio-box.scenario.tsx @@ -6,7 +6,8 @@ LICENSE file in the root directory of this source tree. */ import React from 'react'; -import { AspectRatioBox, AspectRatioBoxBody } from '..'; +import AspectRatioBox from '../aspect-ratio-box'; +import AspectRatioBoxBody from '../aspect-ratio-box-body'; const bodyProps: React.ComponentProps = { display: 'flex', diff --git a/src/aspect-ratio-box/aspect-ratio-box-body.tsx b/src/aspect-ratio-box/aspect-ratio-box-body.tsx index db74018408..f81c11412c 100644 --- a/src/aspect-ratio-box/aspect-ratio-box-body.tsx +++ b/src/aspect-ratio-box/aspect-ratio-box-body.tsx @@ -6,8 +6,8 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import type { StyledBlockProps, BlockProps } from '../block'; -import { Block } from '../block'; +import type { StyledBlockProps, BlockProps } from '../block/types'; +import Block from '../block/block'; interface AspectRatioBoxBodyComponentType { ( diff --git a/src/aspect-ratio-box/aspect-ratio-box.tsx b/src/aspect-ratio-box/aspect-ratio-box.tsx index fe1acc09f3..76a9245605 100644 --- a/src/aspect-ratio-box/aspect-ratio-box.tsx +++ b/src/aspect-ratio-box/aspect-ratio-box.tsx @@ -6,7 +6,8 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Block, type StyledBlockProps } from '../block'; +import Block from '../block/block'; +import { StyledBlockProps } from '../block/types'; import { mergeOverrides } from '../helpers/overrides'; import type { AspectRatioBoxProps } from './types'; diff --git a/src/aspect-ratio-box/types.ts b/src/aspect-ratio-box/types.ts index 0f1d71c65b..2670daf542 100644 --- a/src/aspect-ratio-box/types.ts +++ b/src/aspect-ratio-box/types.ts @@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the LICENSE file in the root directory of this source tree. */ import type * as React from 'react'; -import type { BlockProps } from '../block'; +import type { BlockProps } from '../block/types'; export type AspectRatioBoxProps = { /** Aspect ratio is width divided by height. */ diff --git a/src/avatar/__tests__/avatar-custom-initials.scenario.tsx b/src/avatar/__tests__/avatar-custom-initials.scenario.tsx index 5c601be7a1..f19481687a 100644 --- a/src/avatar/__tests__/avatar-custom-initials.scenario.tsx +++ b/src/avatar/__tests__/avatar-custom-initials.scenario.tsx @@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Avatar } from '..'; +import Avatar from '../avatar'; export function Scenario() { return ; diff --git a/src/avatar/__tests__/avatar-error.scenario.tsx b/src/avatar/__tests__/avatar-error.scenario.tsx index c47acb2891..add9358779 100644 --- a/src/avatar/__tests__/avatar-error.scenario.tsx +++ b/src/avatar/__tests__/avatar-error.scenario.tsx @@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Avatar } from '..'; +import Avatar from '../avatar'; export function Scenario() { return ( diff --git a/src/avatar/__tests__/avatar-no-src.scenario.tsx b/src/avatar/__tests__/avatar-no-src.scenario.tsx index 3bc161591a..50247a1267 100644 --- a/src/avatar/__tests__/avatar-no-src.scenario.tsx +++ b/src/avatar/__tests__/avatar-no-src.scenario.tsx @@ -6,7 +6,7 @@ LICENSE file in the root directory of this source tree. */ import * as React from 'react'; -import { Avatar } from '..'; +import Avatar from '../avatar'; export function Scenario() { return (