2022-05-14 14:39:10 +08:00
|
|
|
import React from 'react'
|
|
|
|
|
import { ComponentStory, ComponentMeta } from '@storybook/react'
|
|
|
|
|
import Topbar from './Topbar'
|
|
|
|
|
|
|
|
|
|
export default {
|
2022-05-29 17:53:27 +08:00
|
|
|
title: 'Components/Topbar',
|
2022-05-14 14:39:10 +08:00
|
|
|
component: Topbar,
|
|
|
|
|
} as ComponentMeta<typeof Topbar>
|
|
|
|
|
|
|
|
|
|
const Template: ComponentStory<typeof Topbar> = args => (
|
2022-05-29 17:53:27 +08:00
|
|
|
<div className='w-[calc(100vw_-_32px)] rounded-24 bg-[#F8F8F8] px-11 dark:bg-black'>
|
2022-05-14 14:39:10 +08:00
|
|
|
<Topbar />
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
|
2022-05-29 17:53:27 +08:00
|
|
|
export const Default = Template.bind({})
|
