| <script lang="ts"> | |
| export let isCollapsed: boolean; | |
| export let classNames: string; | |
| </script> | |
| <button | |
| on:click | |
| class="{classNames} group flex h-16 w-6 flex-col items-center justify-center -space-y-1 outline-none *:h-3 *:w-1 *:rounded-full *:hover:bg-gray-300 max-md:hidden dark:*:hover:bg-gray-600 {!isCollapsed | |
| ? '*:bg-gray-200/70 dark:*:bg-gray-800' | |
| : '*:bg-gray-200 dark:*:bg-gray-700'}" | |
| > | |
| <div class={!isCollapsed ? "group-hover:rotate-[20deg]" : "group-hover:-rotate-[20deg]"} /> | |
| <div class={!isCollapsed ? "group-hover:-rotate-[20deg]" : "group-hover:rotate-[20deg]"} /> | |
| </button> | |