# Copyright (c) Streamlit Inc. (2018-2022) Snowflake Inc. (2022-2026)
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.

import streamlit as st

with st.container(horizontal=True, border=True):
    st.html('<div style="background:lightblue; padding:8px;">Left text</div>')
    st.vega_lite_chart(
        {
            "data": {"values": [{"x": i, "y": i * i} for i in range(5)]},
            "mark": "line",
            "encoding": {"x": {"field": "x"}, "y": {"field": "y"}},
        }
    )
    st.html('<div style="background:lightblue; padding:8px;">Right text</div>')

with st.container(horizontal=True, border=True):
    st.html('<div style="background:lightgreen;">Left panel</div>')
    st.dataframe({"A": [1, 2, 3], "B": [4, 5, 6]})
