2022-10-28 20:29:04 +08:00

20 lines
607 B
TypeScript

import Icon from '@/web/components/Icon'
import { cx } from '@emotion/css'
import toast from 'react-hot-toast'
const SettingsButton = ({ className }: { className?: string }) => {
return (
<button
onClick={() => toast('开发中')}
className={cx(
'app-region-no-drag flex h-12 w-12 items-center justify-center rounded-full bg-day-600 text-neutral-500 transition duration-400 dark:bg-white/10 dark:hover:bg-white/20 dark:hover:text-neutral-300',
className
)}
>
<Icon name='settings' className='h-5 w-5 ' />
</button>
)
}
export default SettingsButton