31 lines
676 B
TypeScript
31 lines
676 B
TypeScript
import { VscAdd, VscTerminal } from "react-icons/vsc";
|
|
import { ReactElement, ReactNode } from "react";
|
|
|
|
const SideBar = () => {
|
|
return (
|
|
<div className="sidebar">
|
|
<SideBarIcon
|
|
tooltipText="Настройка Платы"
|
|
icon={<VscTerminal size={40} />}
|
|
/>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
type SideBarIconProps = {
|
|
className?: string;
|
|
tooltipText: string;
|
|
icon: ReactElement;
|
|
};
|
|
|
|
const SideBarIcon = ({ icon, tooltipText, className }: SideBarIconProps) => {
|
|
return (
|
|
<div className="sidebar-icon group">
|
|
{icon}
|
|
<span className="sidebar-tooltip group-hover:visible">{tooltipText}</span>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SideBar;
|