fb312235f3
Create green-screen versions of interactives, accessible via "/gs-dark" and "/gs-lite" paths. Hide layout elements, set green background, and adjust text/element colors for optimal green screen use.
19 lines
No EOL
651 B
TypeScript
19 lines
No EOL
651 B
TypeScript
import { useParams } from 'react-router-dom';
|
|
import BinaryNumberGame from '@/components/BinaryNumberGame';
|
|
import GreenScreenWrapper from '@/components/GreenScreenWrapper';
|
|
|
|
const BinaryNumberGameGreenScreen = () => {
|
|
const { mode } = useParams<{ mode: 'gs-lite' | 'gs-dark' }>();
|
|
const greenScreenMode = mode === 'gs-dark' ? 'dark' : 'lite';
|
|
|
|
return (
|
|
<GreenScreenWrapper mode={greenScreenMode}>
|
|
<div className="space-y-6">
|
|
<h1 className="text-3xl font-bold text-center">Binary Number Representation</h1>
|
|
<BinaryNumberGame />
|
|
</div>
|
|
</GreenScreenWrapper>
|
|
);
|
|
};
|
|
|
|
export default BinaryNumberGameGreenScreen; |