import streamlit as st
import streamlit_antd_components as sac

# Set page configuration (optional)
st.set_page_config(page_title="My Streamlit App", layout="wide")


def show_me_repo_versions():
    # show me streamlit and streamlit_antd_components versions
    st.write("Streamlit version:", st.__version__)
    st.write("Streamlit Antd Components version:", sac.__VERSION__)


def main():
    """Main function for the Streamlit application."""

    st.title("My Streamlit App with Ant Design Components")
    st.write("This is a simple example of using Ant Design components in Streamlit.")
    if st.button("Click Me"):
        st.success("Button clicked!")
    st.selectbox("Select an option", ["Option 1", "Option 2", "Option 3"])
    st.select_slider("Select a range", options=["Option 1", "Option 2", "Option 3"])
    # st.dataframe example:
    st.dataframe(
        {
            "Column 1": [1, 2, 3],
            "Column 2": ["A", "B", "C"],
        }
    )
    with st.container():
        show_me_repo_versions()
    with st.sidebar:
        st.header("Sidebar")
        st.write("This is the sidebar content.")
        sac.menu(
            [
                sac.MenuItem(
                    "home", icon="house-fill", tag=[sac.Tag("Tag1", color="green"), sac.Tag("Tag2", "red")]
                ),
                sac.MenuItem(
                    "products",
                    icon="box-fill",
                    children=[
                        sac.MenuItem("apple", icon="apple"),
                        sac.MenuItem(
                            "other",
                            icon="git",
                            description="other items",
                            children=[
                                sac.MenuItem("google", icon="google", description="item description"),
                                sac.MenuItem("gitlab", icon="gitlab"),
                                sac.MenuItem("wechat", icon="wechat"),
                            ],
                        ),
                    ],
                ),
                sac.MenuItem("disabled", disabled=True),
                sac.MenuItem(type="divider"),
                sac.MenuItem(
                    "link",
                    type="group",
                    children=[
                        sac.MenuItem(
                            "antd-menu", icon="heart-fill", href="https://ant.design/components/menu#menu"
                        ),
                        sac.MenuItem(
                            "bootstrap-icon", icon="bootstrap-fill", href="https://icons.getbootstrap.com/"
                        ),
                    ],
                ),
            ],
            open_all=True,
        )


if __name__ == "__main__":
    main()