-> dropdown

Author: avivkeller

…/Common/StatelessSelect/index.module.css …ponents/Common/Dropdown/index.module.csspackages/ui-components/Common/StatelessSelect/index.module.css renamed to packages/ui-components/Common/Dropdown/index.module.css packages/ui-components/Common/StatelessSelect/index.module.css renamed to packages/ui-components/Common/Dropdown/index.module.css

@@ -1,9 +1,9 @@
 import type { Meta as MetaObj, StoryObj } from '@storybook/react';
 
-import StatelessSelect from '.';
+import Dropdown from '.';
 
-type Story = StoryObj<typeof StatelessSelect>;
-type Meta = MetaObj<typeof StatelessSelect>;
+type Story = StoryObj<typeof Dropdown>;
+type Meta = MetaObj<typeof Dropdown>;
 
 // Basic example with default anchor links
 export const Default: Story = {
@@ -19,7 +19,7 @@ export const Default: Story = {
 };
 
 export default {
-  component: StatelessSelect,
+  component: Dropdown,
   decorators: [
     Story => (
       <div className="flex h-screen items-center justify-center">

…Common/StatelessSelect/index.stories.tsx …onents/Common/Dropdown/index.stories.tsxpackages/ui-components/Common/StatelessSelect/index.stories.tsx renamed to packages/ui-components/Common/Dropdown/index.stories.tsx packages/ui-components/Common/StatelessSelect/index.stories.tsx renamed to packages/ui-components/Common/Dropdown/index.stories.tsx

@@ -5,13 +5,13 @@ import type { LinkLike } from '#ui/types.js';
 
 import styles from './index.module.css';
 
-type StatelessSelectProps = ComponentProps<'div'> & {
+type DropdownProps = ComponentProps<'div'> & {
   label: string;
   values: Array<HTMLProps<HTMLAnchorElement | HTMLDivElement>>;
   as?: LinkLike;
 };
 
-const StatelessSelect: FC<PropsWithChildren<StatelessSelectProps>> = ({
+const Dropdown: FC<PropsWithChildren<DropdownProps>> = ({
   values = [],
   className,
   as: As = 'a',
@@ -59,4 +59,4 @@ const StatelessSelect: FC<PropsWithChildren<StatelessSelectProps>> = ({
   </div>
 );
 
-export default StatelessSelect;
+export default Dropdown;