mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 13:21:29 +04:00
26 lines
889 B
Plaintext
26 lines
889 B
Plaintext
---
|
|
// Renders nothing unless divider is 'waves' or 'arc'.
|
|
interface Props {
|
|
divider?: string | undefined
|
|
}
|
|
|
|
const { divider } = Astro.props
|
|
---
|
|
|
|
{
|
|
divider === 'waves' && (
|
|
<svg class="section-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 24 150 28" preserveAspectRatio="none">
|
|
<path class="wave-1" d="M-110 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
|
<path class="wave-2" d="M-110 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
|
<path class="wave-3" d="M-110 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
|
|
</svg>
|
|
)
|
|
}
|
|
{
|
|
divider === 'arc' && (
|
|
<svg class="section-divider" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145 36" preserveAspectRatio="none">
|
|
<path d="M 145 36 m -145 -18 s 32.36 18 72.27 18 s 72.73 -18 72.73 -18 v 18 h -145 z" />
|
|
</svg>
|
|
)
|
|
}
|