diff --git a/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx b/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx index 1ae3ba0b93e..98453f38710 100644 --- a/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx +++ b/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx @@ -87,6 +87,8 @@ const getRegionsOptions = ( }); }; +// Story Config ======================================================== + const meta: Meta> = { argTypes: { onSelectionChange: { @@ -111,6 +113,10 @@ const meta: Meta> = { export default meta; +type Story = StoryObj; + +// Styled Components ================================================= + const CustomValue = styled('span')(({ theme }) => ({ fontFamily: theme.font.bold, fontSize: '1rem', @@ -143,7 +149,7 @@ const GroupItems = styled('ul')({ padding: 0, }); -type Story = StoryObj; +// Story Definitions ========================================================== export const Default: Story = { args: { @@ -175,7 +181,7 @@ export const Regions: Story = { ), renderOption: (props, option, { selected }) => { return ( - + {option.data.flag} {option.label}