Mark Davydkin demark-pro

## gist:8aba31a8754280d9b8dec553207cd55a
happ://routing/add/eyJEbnNIb3N0cyI6e30sIlJvdXRlT3JkZXIiOiJibG9jay1kaXJlY3QtcHJveHkiLCJHbG9iYWxQcm94eSI6ZmFsc2UsIlByb3h5U2l0ZXMiOltdLCJHZW9pcFVybCI6Imh0dHBzOlwvXC9naXRodWIuY29tXC9Mb3lhbHNvbGRpZXJcL3YycmF5LXJ1bGVzLWRhdFwvcmVsZWFzZXNcL2xhdGVzdFwvZG93bmxvYWRcL2dlb2lwLmRhdCIsIkxhc3RVcGRhdGVkIjoxNzcwODQ4MzUyLCJCbG9ja1NpdGVzIjpbXSwiVXNlQ2h1bmtGaWxlcyI6dHJ1ZSwiUmVtb3RlRE5TRG9tYWluIjoiaHR0cHM6XC9cL2Nsb3VkZmxhcmUtZG5zLmNvbVwvZG5zLXF1ZXJ5IiwiRmFrZURucyI6ZmFsc2UsIlJlbW90ZUROU1R5cGUiOiJEb1UiLCJCbG9ja0lwIjpbXSwiUmVtb3RlRE5TSXAiOiIxLjEuMS4xIiwiUHJveHlJcCI6WyIxNTcuMjQwLjI1My4xNzQiLCIxNTcuMjQwLjI1My4xNzIiLCIxNTcuMjQwLjI1My4xNjciLCIxNTcuMjQwLjI1My42MyIsIjE1Ny4yNDAuMjUzLjMyIiwiMTU3LjI0MC4yNTIuMTc0IiwiMTU3LjI0MC4yNTIuMTcyIiwiMTU3LjI0MC4yNTIuMTY3IiwiMTU3LjI0MC4yNTIuNjMiLCIxNTcuMjQwLjI1Mi4zOCIsIjU3LjE0NC4xMTIuMzQiLCI1Ny4xNDQuMTEwLjEiLCIxNTcuMjQwLjIwNS4xNzQiLCI4Ny4yNDUuMjIzLjk3IiwiMjEzLjEwMi4xMjguMFwvMjQiLCIyMDQuMTUuMjAuMFwvMjIiLCIxOTkuMjAxLjAuMFwvMTYiLCIxODUuODkuMC4wXC8xNiIsIjE4NS42MC4wLjBcLzE2IiwiMTc5LjYwLjAuMFwvMTYiLCIxNzMuMjUyL

## SwitchTabs.jsx
import clsx from "clsx";
import { useEffect, useRef, useState } from "react";

import styles from "./SwitchTabs.module.css";

const SwitchTabs = ({
  tabs = [],
  initialKey,
  width,
  onChange,
	import clsx from "clsx";
	import { useEffect, useRef, useState } from "react";

	import styles from "./SwitchTabs.module.css";

	const SwitchTabs = ({
	tabs = [],
	initialKey,
	width,
	onChange,