--- /* Props every page supplies */ const { title = 'Squares', shape = 'square', pixelSize } = Astro.props; import "../styles/main.css"; import ThreeShader from "../components/ThreeShader.astro"; import mainUrl from "../script/main.ts?url"; const palettes = { square : { ink: '#ff6d00', bg: '#0d0d0d' }, circle : { ink: '#55ffa7', bg: '#001d1d' }, triangle: { ink: '#5ab0ff', bg: '#0d1021' }, diamond : { ink: '#f6cf3e', bg: '#080603' }, }; type Shape = keyof typeof palettes; const { bg, ink } = palettes[shape as Shape]; --- {title}