import streamlit as st

def metric_card(
        background_color: str = "#FFF",
        border_size_px: int = 1,
        border_color: str = "#CCC",
        border_radius_px: int = 5,
        border_left_color: str = "#9AD8E1",
        label: str = "Label",
        value: str = "Value",
    ) -> None:
        
    html_str = f"""<div><p style='font-size: 14px;
                            color: rgb(49, 51, 63);
                            height: auto;
                            min-height: 1.5rem;
                            vertical-align: middle;
                            flex-direction: row;
                            -webkit-box-align: center;
                            align-items: center;
                            margin-bottom: 0px;
                            display: grid;
                            background-color: {background_color};
                            border: {border_size_px}px solid {border_color};
                            padding: 5% 5% 5% 10%;
                            border-radius: {border_radius_px}px;
                            border-left: 0.5rem solid {border_left_color};'>
                {label}
                </style><br>
                <span style='font-size: 2.25rem;
                                padding-bottom: 0.25rem;'>{value}</span>
                </p></div>"""

    st.markdown(html_str, unsafe_allow_html=True)
    st.markdown('######')