import { useTranslation } from 'react-i18next' import classNames from 'classnames' import { Dropdown, DropdownMenu, DropdownToggle, } from '@/features/ui/components/bootstrap-5/dropdown-menu' import ChangeLayoutOptions from './change-layout-options' import MaterialIcon from '@/shared/components/material-icon' import OLTooltip from '@/features/ui/components/ol/ol-tooltip' export default function ChangeLayoutButton() { const { t } = useTranslation() const toggleButtonClassName = classNames( 'ide-redesign-toolbar-button-subdued', 'ide-redesign-toolbar-dropdown-toggle-subdued', 'ide-redesign-toolbar-button-icon' ) return (