24:I[52617,["/_next/static/chunks/0ad7bcbe8d254b64.js","/_next/static/chunks/ce94d6e5f584f503.js","/_next/static/chunks/15e6c2c6351ee917.js","/_next/static/chunks/db0700b63ff45fa3.js"],"CodeViewer"] 22:["$","path","ppft3o",{"d":"m8 6-6 6 6 6"}] 25:T4ab,"use client" import React from 'react' import '../style.css' const getDotPositions = (value: number): string[] => { const positions: Record = { 1: ['center'], 2: ['top-left', 'bottom-right'], 3: ['top-left', 'center', 'bottom-right'], 4: ['top-left', 'top-right', 'bottom-left', 'bottom-right'], 5: ['top-left', 'top-right', 'center', 'bottom-left', 'bottom-right'], 6: ['top-left', 'top-right', 'middle-left', 'middle-right', 'bottom-left', 'bottom-right'] }; return positions[value] || []; }; const DiceRollerComponent = ({ results }: { results: number[] }) => { return (

{results.map((result, index) => { const dotPositions = getDotPositions(result); return (

{dotPositions.map((position, dotIndex) => ( ))}

); })}

) } export default DiceRollerComponent 26:T533,"use client" import React, { useState } from 'react' import DiceRollerComponent from './component/DiceRollerComponent' import './style.css' function rollDice(count: number) { return Array.from({ length: count }, () => Math.floor(Math.random() * 6) + 1); } const DiceRoller = () => { // TODO: Implement dice roller logic const [numberOfDice, setNumberOfDice] = useState(''); const [results, setResults] = useState([]); function handleRollDice() { const count = Number(numberOfDice); if (isNaN(count) || count < 1 || count > 12) { return; } const rolled = rollDice(count); setResults(rolled); } return (

setNumberOfDice(e.target.value)} />

{results.length > 0 && }

) } export default DiceRoller 27:T6e1,