import { CSSProperties } from "react";
import sQuadImageNoReflections from "./Melder_NoReflections.png";
import sQuadReflection from "./reflektion.png";
import { useButtons } from "./useButtons";
import { useSounds } from "./useSounds";
import Image from "next/image";
import { useDmeStore } from "_store/pilot/dmeStore";
const DME_BUTTON_STYLES: CSSProperties = {
cursor: "pointer",
zIndex: "9999",
backgroundColor: "transparent",
border: "none",
};
export interface DisplayLineProps {
style?: CSSProperties;
textLeft?: string;
textMid?: string;
textRight?: string;
}
const DisplayLine = ({
style = {},
textLeft,
textMid,
textRight,
}: DisplayLineProps) => {
const INNER_TEXT_PARTS: CSSProperties = {
fontFamily: "Melder",
flex: "1",
flexBasis: "auto",
overflowWrap: "break-word",
};
return (
{textLeft}
{textMid}
{textRight}
);
};
export const Dme = () => {
useSounds();
const { handleButton } = useButtons();
const lines = useDmeStore((state) => state.lines);
return (
{/*
*/}
{lines.map((l, i) => {
return ;
})}
);
};