2026-06-04 12:09:34 +02:00
|
|
|
---
|
|
|
|
|
export interface Props {
|
|
|
|
|
type: 'primary' | 'secondary';
|
|
|
|
|
disabled?: boolean;
|
2026-06-09 14:08:53 +02:00
|
|
|
icon?: boolean;
|
2026-06-04 12:09:34 +02:00
|
|
|
}
|
2026-06-09 14:08:53 +02:00
|
|
|
const { type, disabled = false, icon = false } = Astro.props;
|
2026-06-04 12:09:34 +02:00
|
|
|
---
|
|
|
|
|
|
2026-06-09 14:08:53 +02:00
|
|
|
<div class={`button button__${type} ${disabled ? 'button--disabled' : ''} ${icon ? 'button--icon' : ''}`}>
|
2026-06-04 12:09:34 +02:00
|
|
|
<slot/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
@use './_button.scss';
|
|
|
|
|
</style>
|
