my.title("Welcome to Our Newsletter", center=True)

my.header("Latest Updates")

my.subheader("Product Updates")

# Basic text
my.text("This is a regular paragraph.")

# Styled text
my.text("This is bold and italic text.", bold=True, italic=True)

# Custom sized text
my.text("This is larger text.", font_size=20)

# Regular caption
my.caption("Figure 1: Data visualization")

# Italic caption
my.caption("Source: Company annual report", italic=True)

my.metric("Active Users", "1,234", color="#88C0D0")

my.sticky_note("Important Notice", "Please read this carefully.", color="blue")

from mayil import Mayil
my = Mayil()

my.divider()

from mayil import Mayil
my = Mayil()

# Default break (20px)
my.break_space()

# Custom height break
my.break_space(height=50)

cols = my.columns(3)
with cols[0]:
    my.metric("Metric 1", "100")
with cols[1]:
    my.metric("Metric 2", "200")

# Import required libraries
from mayil import Mayil
import pandas as pd

my = Mayil()

# Create sample DataFrame
df = pd.DataFrame({
    'Name': ['John', 'Jane', 'Bob'],
    'Score': [85, 92, 78]
})

# Full width table (default)
my.dataframe(df)

# Auto-sized width table (only as wide as needed)
my.dataframe(df, align='center', use_container_width=False)

# Import required libraries
from mayil import Mayil
import pandas as pd

my = Mayil()

# Create sample DataFrame
df = pd.DataFrame({
    'Name': ['John', 'Jane', 'Bob'],
    'Score': [85, 92, 78],
    'Active': [True, False, True]
})

# Define conditions for formatting
conditions = {
    'Score': [
        (lambda x: x < 90, '#ff0000'), # Red if < 90
        (lambda x: x >= 90, '#00ff00') # Green if >= 90
    ],
    'Active': [
        (lambda x: x == True, '#00ff00'), # Green if True
        (lambda x: x == False, 'blue') # Blue if False
    ]
}

# Full width table with cell background colors
my.ftable(df, cell_colors=conditions)

# Auto-sized table with text colors
my.ftable(df, text_colors=conditions, use_container_width=False)

# Import required libraries
from mayil import Mayil
import plotly.express as px

my = Mayil()

# Create sample data and plot
df = px.data.stocks()
fig = px.line(df, x='date', y='GOOG')

# Add chart to email
my.plotly_chart(fig)

# Import Mayil
from mayil import Mayil
my = Mayil()

# Add hyperlink
my.link("Visit our website", "https://example.com")

# Import Mayil
from mayil import Mayil
my = Mayil()

# Basic markdown example
my.markdown(""" # Heading 1 ## Heading 2 - List item 1 - List item 2 **Bold text** and *italic text* ```python def hello(): print('Hello, World!') ``` """)

def hello():
    print('Hello, World!')

# Import Mayil
from mayil import Mayil
my = Mayil()

# Basic mentions with random colors
my.mention(["john@example.com", "jane@example.com"])

# Mentions with custom color
my.mention(
    ["support@example.com", "sales@example.com"],
    color="#0070F3"
)

# Import Mayil
from mayil import Mayil
my = Mayil()

# Local image file
my.image("path/to/image.jpg", alt_text="Company Logo")

# Image from URL
my.image(
    "https://example.com/image.png",
    width="100%",
    height="auto"
)

# Base64 encoded image
my.image(
    "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...",
    width=300
)

# Import Mayil
from mayil import Mayil
my = Mayil()

# Basic text signature
my.signature("Best regards,", "John Doe", "Senior Software Engineer")

# With image signature (local file)
my.signature(
    name="John Doe",
    designation="Senior Software Engineer",
    signature_image="path/to/signature.png"
)

# With SVG signature
my.signature(
    name="John Doe",
    signature_image='''<svg width="200" height="40">...</svg>'''
)

# With image URL
my.signature(
    signature_image="https://example.com/signature.jpg"
)

# Import Mayil
from mayil import Mayil
my = Mayil()

# Create email content
my.title("Welcome")
my.text("Hello, World!")

# Preview in browser
my.show()