export default { title: 'Component/Gist Panel'}const Template = (args: GistsDataProps) => ( <GistsData {...args} />);export const Default: any = Template.bind({});Default.args = { gists: gists}
<div class="mt-3"> {local.gists.length > 0 ? ( <For each={local.gists}> {(gist) => ( <div class="my-1" data-testid="gist-item"> <A href={gist.url} class={styles.link} target="_blank"> {gist.name} </A> </div> )} </For> ) : ( <p class={styles.error}>User does not have any gists</p> )} </div>