---
import CircleState from '../models/CircleState';
export interface Props {
  id?: string
  circle: CircleState,
}

const {id, circle} = Astro.props
---

<circle id={id ?? ""} cx={circle.point.x} cy={circle.point.y} r={circle.radius ?? 2} fill={circle.fill ?? "none"} stroke={circle.stroke ?? "black"}>
    <slot/>
</circle>