@extends('layouts.syndron.app')

@section('content')

<x-syndron.ui.alert type="primary" title="Primary Alerts" icon="bx bx-bookmark-heart">
    A simple primary alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="secondary" title="Secondary Alerts" icon="bx bx-tag-alt">
    A simple secondary alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="success" title="Success Alerts" icon="bx bxs-check-circle">
    A simple success alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="danger" title="Danger Alerts" icon="bx bxs-message-square-x">
    A simple danger alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="warning" title="Warning Alerts" icon="bx bx-info-circle">
    A simple warning alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="info" title="Info Alerts" icon="bx bx-info-square">
    A simple info alert—check it out!
</x-syndron.ui.alert>

<x-syndron.ui.alert type="dark" title="Dark Alerts" icon="bx bx-bell">
    A simple dark alert—check it out!
</x-syndron.ui.alert>

@endsection
