---
interface Props {
  text?: string
  position?: string
  class?: string
}

const { text = 'Label', position, class: className } = Astro.props

const classes = ['hr-text', position && `hr-text-${position.toLowerCase()}`, className]
---

<div class:list={classes}>{text}</div>