"""The settings page."""

from blurme.templates import template

import reflex as rx

@template(route="/settings", title="Settings")
def settings() -> rx.Component:
    return rx.vstack(
        rx.heading("BlurMe", font_size="3em", margin_bottom="25px", background_image="linear-gradient(271.68deg, #7566fe 0.75%, #f96caf 88.52%)", background_clip="text", padding = "10px"),
        rx.text("Dodaj zdjęcie, które chcesz zanonimizować", font_size="1.2em"),
        rx.upload(rx.text("Drag and drop files here or click to select files"),border="1px dotted rgb(107,99,246)", padding="5em"))