https://dev.kronoz.win/r/marzneshin.git
| 1 |
1eb203e |
Mrdn |
2y ago |
|
| 2 |
1eb203e |
Mrdn |
2y ago |
import { Button } from '@marzneshin/components'; |
| 3 |
7bd6cce |
Mardin |
2y ago |
import { PanelRightClose, PanelRightOpen } from 'lucide-react'; |
| 4 |
1eb203e |
Mrdn |
2y ago |
import { FC } from 'react'; |
| 5 |
1eb203e |
Mrdn |
2y ago |
|
| 6 |
1eb203e |
Mrdn |
2y ago |
interface ToggleButtonProps { |
| 7 |
1eb203e |
Mrdn |
2y ago |
collapsed: boolean; |
| 8 |
1eb203e |
Mrdn |
2y ago |
onToggle: () => void; |
| 9 |
1eb203e |
Mrdn |
2y ago |
} |
| 10 |
1eb203e |
Mrdn |
2y ago |
|
| 11 |
7bd6cce |
Mardin |
2y ago |
export const ToggleButton: FC<ToggleButtonProps> = ({ collapsed, onToggle }) => { |
| 12 |
7bd6cce |
Mardin |
2y ago |
const Icon = (collapsed ? PanelRightClose : PanelRightOpen); |
| 13 |
1eb203e |
Mrdn |
2y ago |
|
| 14 |
1eb203e |
Mrdn |
2y ago |
return ( |
| 15 |
b15ff05 |
Mrdn |
2y ago |
<Button className="p-2 bg-secondary-foreground border-2 text-primary-foreground dark:bg-secondary dark:text-primary" onClick={onToggle}> |
| 16 |
1eb203e |
Mrdn |
2y ago |
<Icon className="w-full h-full" /> |
| 17 |
1eb203e |
Mrdn |
2y ago |
</Button> |
| 18 |
1eb203e |
Mrdn |
2y ago |
); |
| 19 |
1eb203e |
Mrdn |
2y ago |
}; |