import time
import re
import pandas as pd
import numpy as np
import graphviz as graphviz
import streamlit as st
from st_click_detector import click_detector



dot = graphviz.Digraph()

dot.node('ActionMechanics', 'Action Mechanics 💪')
dot.node('AuctionMechanics', 'Auction Mechanics 💰')
dot.node('AreaControlMechanics', 'Area Control Mechanics 🗺️')
dot.node('CardMechanics', 'Card Mechanics 🃏')
dot.node('CooperativeMechanics', 'Cooperative and Semi-Cooperative Mechanics 🤝')
dot.node('DiceMechanics', 'Dice Mechanics 🎲')
dot.node('MovementMechanics', 'Movement Mechanics 🏃')
dot.node('ResourceMechanics', 'Resource Mechanics 📈')
dot.node('TurnOrderMechanics', 'Turn Order Mechanics ⏳')
dot.node('SocialInteractionMechanics', 'Social Interaction Mechanics 💬')
dot.node('MemoryMechanics', 'Memory Mechanics 🧠')
dot.node('DexterityMechanics', 'Dexterity Mechanics 🤹')
dot.node('ResourceManagementMechanics', 'Resource Management Mechanics 💼')
dot.node('NarrativeMechanics', 'Narrative Mechanics 📖')
dot.node('StrategyMechanics', 'Strategy Mechanics 🎯')
dot.node('ChanceMechanics', 'Chance Mechanics 🎲')
dot.node('TimeMechanics', 'Time Mechanics ⏰')
dot.node('OtherMechanics', 'Other Mechanics 🆕')

dot.edge('ActionMechanics', 'AuctionMechanics')
dot.edge('ActionMechanics', 'AreaControlMechanics')
dot.edge('ActionMechanics', 'CardMechanics')
dot.edge('ActionMechanics', 'CooperativeMechanics')
dot.edge('ActionMechanics', 'DiceMechanics')
dot.edge('ActionMechanics', 'MovementMechanics')
dot.edge('ActionMechanics', 'ResourceMechanics')
dot.edge('ActionMechanics', 'TurnOrderMechanics')
dot.edge('ActionMechanics', 'SocialInteractionMechanics')
dot.edge('AuctionMechanics', 'ResourceMechanics')
dot.edge('AreaControlMechanics', 'MovementMechanics')
dot.edge('CardMechanics', 'ResourceManagementMechanics')
dot.edge('CooperativeMechanics', 'ResourceMechanics')
dot.edge('DiceMechanics', 'ChanceMechanics')
dot.edge('MovementMechanics', 'ResourceManagementMechanics')
dot.edge('ResourceMechanics', 'StrategyMechanics')
dot.edge('TurnOrderMechanics', 'TimeMechanics')
dot.edge('OtherMechanics', 'ActionMechanics')

# Draw the graph using Streamlit's graphviz_chart function
st.graphviz_chart(dot.source)