diff --git a/packages/components/src/sidebar-members/index.tsx b/packages/components/src/sidebar-members/index.tsx new file mode 100644 index 00000000..26183488 --- /dev/null +++ b/packages/components/src/sidebar-members/index.tsx @@ -0,0 +1 @@ +export { SidebarMembers } from './sidebar-members' diff --git a/packages/components/src/sidebar-members/sidebar-member.stories.tsx b/packages/components/src/sidebar-members/sidebar-member.stories.tsx new file mode 100644 index 00000000..cf8e8314 --- /dev/null +++ b/packages/components/src/sidebar-members/sidebar-member.stories.tsx @@ -0,0 +1,19 @@ +import { SidebarMembers } from './sidebar-members' + +import type { Meta, StoryObj } from '@storybook/react' + +// More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction +const meta: Meta = { + title: 'Sidebar/Members', + component: SidebarMembers, + argTypes: {}, +} + +type Story = StoryObj + +// More on writing stories with args: https://storybook.js.org/docs/7.0/react/writing-stories/args +export const Default: Story = { + args: {}, +} + +export default meta diff --git a/packages/components/src/sidebar-members/sidebar-members.tsx b/packages/components/src/sidebar-members/sidebar-members.tsx new file mode 100644 index 00000000..59649157 --- /dev/null +++ b/packages/components/src/sidebar-members/sidebar-members.tsx @@ -0,0 +1,132 @@ +import { Stack } from '@tamagui/core' + +import { DividerLabel } from '../divider-label' +import { UserList } from '../user-list' + +import type { USerListProps } from '../user-list' + +type GroupProps = { + label: string + users: USerListProps['users'] +} + +const Group = (props: GroupProps) => { + const { label, users } = props + + return ( + + + + + + + ) +} + +const SidebarMembers = () => { + return ( + + + + + + ) +} + +export { SidebarMembers }