import bla

interface Props { ... }

export default ({ ... }: Props) => {
    // computations depending on props
    return (
        <div>
            ... 
        </div>
    );
}

---
import bla

interface Props { ... }

const { ... } = Astro.props;

// computations depending on props
---

<div>
    ...
</div>

A spell to scratch the itchy parts on your back