md以下の時はヘッダーのトグルボタンの文字を非表示にした

Author: shari-sushi

t0016Next/myapp/src/components/button/ToggleVideoPositionButton.tsx

@@ -1,14 +1,14 @@
 import { useVideo } from "@/providers/VideoProvider";
 
-export const ToggleVideoPositionButton = ({ textSize }: { textSize?: string }) => {
+export const ToggleVideoPositionButton = ({ isDisplayText, textSize }: { isDisplayText: boolean; textSize?: string }) => {
   const { videoState, togglePosition } = useVideo();
 
   // NOTE: デザイン模索中
   // 本物のトグルならこっち
   const text = "動画を固定";
   return (
     <div className="flex h-full items-center">
-      <span className={`${textSize ?? "text-xs"}`}>{text}</span>
+      {isDisplayText === true && <span className={`${textSize ?? "text-xs"}`}>{text}</span>}
       <label className="flex h-full items-center">
         <input type="checkbox" checked={videoState.position === "footer"} className="peer sr-only" onChange={() => togglePosition()} />
         <span