Borders

[Isaac-Flath]

Create a nice abstraction for common borders. For example rounded gray borders, or borders with primary colors, and other things. As an example of where this would be nice but is far too complicated

def UploadZone(icon="upload", text="Drag files here or click to upload"):
    """Creates a styled upload zone with hover effects and better visual hierarchy"""
    return Div(
        cls="border-2 border-dashed border-gray-300 rounded-lg p-6 bg-gray-50 hover:bg-gray-100"
    )(
        DivCentered(
            UkIcon(icon, cls="text-gray-400 w-12 h-12 mb-4"),
            P(text, cls=TextFont.muted_lg),
            P("Maximum file size: 10MB", cls=TextFont.muted_sm),
            Input(type="file", cls="opacity-0 absolute inset-0 w-full h-full cursor-pointer")
        )
    )