A decentralized music tracking and discovery platform built on AT Protocol 馃幍
at main 48 lines 1.1 kB view raw
1import type { Meta, StoryObj } from "@storybook/react"; 2import { View } from "react-native"; 3import Song from "./Song"; 4 5const meta = { 6 title: "Song", 7 component: Song, 8 argTypes: {}, 9 args: {}, 10 decorators: [ 11 (Story) => ( 12 <View style={{ padding: 16, alignItems: "flex-start" }}> 13 <Story /> 14 </View> 15 ), 16 ], 17} satisfies Meta<typeof Song>; 18 19export default meta; 20 21type Story = StoryObj<typeof meta>; 22 23export const Basic: Story = { 24 args: { 25 image: 26 "https://cdn.rocksky.app/covers/cbed73745681d6a170b694ee11bb527c.jpg", 27 title: "Work from Home (feat. Ty Dolla $ign)", 28 artist: "Fith Harmony", 29 did: "", 30 onPress: () => {}, 31 onOpenBlueskyProfile: () => {}, 32 onPressAlbum: () => {}, 33 }, 34}; 35 36export const Scrobble: Story = { 37 args: { 38 image: 39 "https://cdn.rocksky.app/covers/cbed73745681d6a170b694ee11bb527c.jpg", 40 title: "Work from Home (feat. Ty Dolla $ign)", 41 artist: "Fith Harmony", 42 listenerHandle: "@tsiry-sandratraina.com", 43 did: "", 44 onPress: () => {}, 45 onOpenBlueskyProfile: () => {}, 46 onPressAlbum: () => {}, 47 }, 48};