Notice

<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a0ad3" data-uid="6a0be834a0aee" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0ad3">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0c51" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0ad3" data-js-notice-message="true" class="c-notice__message">
                            Tellus Sem Lorem Malesuada Ipsum
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a0be834a0cab" data-uid="6a0be834a0cb8" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0cab">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--report c-icon--material c-icon--material-report material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="report" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0cf1" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0cab" data-js-notice-message="true" class="c-notice__message">
                            Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a0be834a0d33" data-uid="6a0be834a0d3c" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0d33">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--forum c-icon--material c-icon--material-forum material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="forum" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0d6a" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0d33" data-js-notice-message="true" class="c-notice__message">
                            Sed posuere consectetur est at lobortis.
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a0be834a0d9a" data-uid="6a0be834a0da2" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0d9a">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--accessibility c-icon--material c-icon--material-accessibility material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-black c-icon--size-md" data-material-symbol="accessibility" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0dce" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0d9a" data-js-notice-message="true" class="c-notice__message">
                            Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.
                        
        </span>
    
    
    </div>

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Tellus Sem Lorem Malesuada Ipsum',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'white'
    ]
])
@endnotice

@notice([
    'type' => 'info',
    'message' => [
        'text' => 'Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. <a href="#">A link to something.</a>',
    ],
    'icon' => [
        'name' => 'report',
        'size' => 'md',
        'color' => 'white'
    ]
])
@endnotice

@notice([
    'type' => 'danger',
    'message' => [
        'text' => 'Sed posuere consectetur est at lobortis.',
    ],
    'icon' => [
        'name' => 'forum',
        'size' => 'md',
        'color' => 'black'
    ]
])
@endnotice

@notice([
    'type' => 'warning',
    'message' => [
        'text' => 'Curabitur blandit tempus porttitor. Sed posuere consectetur est at lobortis.',
    ],
    'icon' => [
        'name' => 'accessibility',
        'size' => 'md',
        'color' => 'black'
    ]
])
@endnotice

<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a0e36" data-uid="6a0be834a0e40" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0e36">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-primary c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0ee8" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0e36" data-js-notice-message="true" class="c-notice__message">
                            Icon color red.
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a0f72" data-uid="6a0be834a0f81" data-component="notice" aria-labelledby="notice__text__id_6a0be834a0f72">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--apps c-icon--material c-icon--material-apps material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-sm" data-material-symbol="apps" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a0fce" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a0f72" data-js-notice-message="true" class="c-notice__message">
                            Icon size small
                        
        </span>
    
    
    </div>
    <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a1005" data-uid="6a0be834a100e" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1005">
    
    
        
    
    
    
            <span id="notice__text__id_6a0be834a1005" data-js-notice-message="true" class="c-notice__message">
                            Without an icon.
                        
        </span>
    
    
    </div>

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Icon color red.',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'primary'
    ]
])
@endnotice

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Icon size small',
    ],
    'icon' => [
        'name' => 'apps',
        'size' => 'md',
        'color' => 'white',
        'size' => 'sm'
    ]
])
@endnotice

@notice([
    'type' => 'success',
    'message' => [
        'text' => 'Without an icon.',
    ]
])
@endnotice

<!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a1080" data-uid="6a0be834a108a" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1080">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a10ba" data-component="icon">
                    </span>
        </span>
        
    
                <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-notice__title c-typography__variant--h4" data-uid="6a0be834a111e" data-component="typography">
    Lorem ipsum
</h2>    
    
            <span id="notice__text__id_6a0be834a1080" data-js-notice-message="true" class="c-notice__message">
                            Tellus Sem Lorem Malesuada Ipsum
                        
        </span>
    
    
    </div>

@notice([
    'type' => 'success',
    'message' => [
        'title' => 'Lorem ipsum',
        'text' => 'Tellus Sem Lorem Malesuada Ipsum',
    ],
    'icon' => [
        'name' => 'check',
        'size' => 'md',
        'color' => 'white'
        ]
    ])
@endnotice

<!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="4b562ceccaf2b9d8d252e28032220264" data-dismissable-notice-timeout="immediate" id="id_6a0be834a1189" data-uid="6a0be834a1199" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1189">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a11cc" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1189" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a1236" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1281" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a12b4" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="b871428e99a0e19aa5e1802d5d9b0bed" data-dismissable-notice-timeout="immediate" id="id_6a0be834a12ea" data-uid="6a0be834a12f8" data-component="notice" aria-labelledby="notice__text__id_6a0be834a12ea">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1327" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a12ea" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a135e" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a138c" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a0be834a13be" data-uid="6a0be834a13c7" data-component="notice" aria-labelledby="notice__text__id_6a0be834a13be">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a13f2" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a13be" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: immediate, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a1428" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ba8603fe5dad7845fbee2462af10d026" data-dismissable-notice-timeout="immediate" id="id_6a0be834a145a" data-uid="6a0be834a1466" data-component="notice" aria-labelledby="notice__text__id_6a0be834a145a">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1493" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a145a" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a14c9" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a14fb" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1528" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="8545268fad0bb23a79e234762282b760" data-dismissable-notice-timeout="immediate" id="id_6a0be834a155a" data-uid="6a0be834a1565" data-component="notice" aria-labelledby="notice__text__id_6a0be834a155a">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1593" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a155a" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a15c7" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a15f5" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a1625" data-uid="6a0be834a162d" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1625">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1660" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1625" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: immediate, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a1695" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="a25a1eb154a5ea6b990916f384164bf9" data-dismissable-notice-timeout="immediate" id="id_6a0be834a16c5" data-uid="6a0be834a16d0" data-component="notice" aria-labelledby="notice__text__id_6a0be834a16c5">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a16fd" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a16c5" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a1732" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1764" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1791" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="6ebdcf7bd3fb1e112b6ad6083986c472" data-dismissable-notice-timeout="immediate" id="id_6a0be834a17c2" data-uid="6a0be834a17ce" data-component="notice" aria-labelledby="notice__text__id_6a0be834a17c2">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a17fa" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a17c2" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a182e" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a185b" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a0be834a188b" data-uid="6a0be834a1893" data-component="notice" aria-labelledby="notice__text__id_6a0be834a188b">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a18be" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a188b" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: immediate, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a1907" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="e4c6fd39b407af492349fe386887cdfc" data-dismissable-notice-timeout="immediate" id="id_6a0be834a193c" data-uid="6a0be834a1949" data-component="notice" aria-labelledby="notice__text__id_6a0be834a193c">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1982" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a193c" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a19b6" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a19e8" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1a16" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="29191bf2ad3a04739048430f10513c2b" data-dismissable-notice-timeout="immediate" id="id_6a0be834a1a57" data-uid="6a0be834a1a62" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1a57">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1a8f" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1a57" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1ac3" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1af0" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a0be834a1b1f" data-uid="6a0be834a1b28" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1b1f">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1b52" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1b1f" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: immediate, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a1b87" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="165fee388875415c5c0ba3152694d595" data-dismissable-notice-timeout="session" id="id_6a0be834a1bbd" data-uid="6a0be834a1bc8" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1bbd">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1bf5" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1bbd" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a1c2a" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1c70" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1ca2" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="6422ea0d2d82b00f6c2a102d6df42a14" data-dismissable-notice-timeout="session" id="id_6a0be834a1ce0" data-uid="6a0be834a1cec" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1ce0">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1d18" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1ce0" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1d4c" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1d78" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a0be834a1da7" data-uid="6a0be834a1daf" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1da7">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1dd9" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1da7" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: session, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a1e16" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="2d4a10cb3530b41df41074bd7d3f6cee" data-dismissable-notice-timeout="session" id="id_6a0be834a1e4b" data-uid="6a0be834a1e57" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1e4b">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1e83" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1e4b" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a1eb7" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1ee9" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1f16" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="948172e255c362bb7734ca94366724c2" data-dismissable-notice-timeout="session" id="id_6a0be834a1f46" data-uid="6a0be834a1f51" data-component="notice" aria-labelledby="notice__text__id_6a0be834a1f46">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a1f7e" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a1f46" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a1fb1" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a1fde" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a200d" data-uid="6a0be834a2015" data-component="notice" aria-labelledby="notice__text__id_6a0be834a200d">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2040" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a200d" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: session, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a2074" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="608b45484365d324c7ae13ae361fee9c" data-dismissable-notice-timeout="session" id="id_6a0be834a20a3" data-uid="6a0be834a20ae" data-component="notice" aria-labelledby="notice__text__id_6a0be834a20a3">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a20db" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a20a3" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a2110" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2141" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a216e" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="084cb6678c9b9a5f6c86d727b3c3cad7" data-dismissable-notice-timeout="session" id="id_6a0be834a219e" data-uid="6a0be834a21aa" data-component="notice" aria-labelledby="notice__text__id_6a0be834a219e">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a21d6" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a219e" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2211" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a223d" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a0be834a226d" data-uid="6a0be834a2275" data-component="notice" aria-labelledby="notice__text__id_6a0be834a226d">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a22a0" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a226d" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: session, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a22d4" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="932f471f10508ba42e1ce8f5741801ca" data-dismissable-notice-timeout="session" id="id_6a0be834a2303" data-uid="6a0be834a230e" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2303">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a233b" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2303" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a236f" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a23a0" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a23cd" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="bb3f9d6d157fc0cdfa1c19e07c8f3c0e" data-dismissable-notice-timeout="session" id="id_6a0be834a23fd" data-uid="6a0be834a2408" data-component="notice" aria-labelledby="notice__text__id_6a0be834a23fd">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2435" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a23fd" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2469" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2495" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a0be834a24c5" data-uid="6a0be834a24ce" data-component="notice" aria-labelledby="notice__text__id_6a0be834a24c5">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a24f7" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a24c5" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: session, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a252b" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                    <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="c82f78ffc10f9c62176fdaf8fdfcbc56" data-dismissable-notice-timeout="permanent" id="id_6a0be834a255d" data-uid="6a0be834a2568" data-component="notice" aria-labelledby="notice__text__id_6a0be834a255d">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2595" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a255d" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a25c9" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2602" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a262f" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" data-dismissable-notice="1" data-dismissable-notice-uid="7331aeca68b9058ccd14f91d58ce5de0" data-dismissable-notice-timeout="permanent" id="id_6a0be834a265f" data-uid="6a0be834a266a" data-component="notice" aria-labelledby="notice__text__id_6a0be834a265f">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2697" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a265f" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a26cc" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a26f8" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--info" id="id_6a0be834a2728" data-uid="6a0be834a2730" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2728">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a275a" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2728" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: info, Timeout: permanent, Iteration: 1).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a278e" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="ea1e39bccd46c9affec818a4b664be2d" data-dismissable-notice-timeout="permanent" id="id_6a0be834a27c1" data-uid="6a0be834a27cc" data-component="notice" aria-labelledby="notice__text__id_6a0be834a27c1">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a27f9" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a27c1" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a282d" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a285f" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a288c" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" data-dismissable-notice="1" data-dismissable-notice-uid="f2ac951dc47fec4525c2b771709bdf0d" data-dismissable-notice-timeout="permanent" id="id_6a0be834a28bd" data-uid="6a0be834a28c8" data-component="notice" aria-labelledby="notice__text__id_6a0be834a28bd">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a28f4" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a28bd" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2928" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2955" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--success" id="id_6a0be834a2984" data-uid="6a0be834a298d" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2984">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a29b7" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2984" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: success, Timeout: permanent, Iteration: 2).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a29f3" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="97bd0bb8221f4d926baf7a37f4279407" data-dismissable-notice-timeout="permanent" id="id_6a0be834a2a22" data-uid="6a0be834a2a2d" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2a22">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2a5a" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2a22" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a2a8e" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2abf" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2aec" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" data-dismissable-notice="1" data-dismissable-notice-uid="d8ba98c9bfae431b7edc60772000782f" data-dismissable-notice-timeout="permanent" id="id_6a0be834a2b1c" data-uid="6a0be834a2b27" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2b1c">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2b53" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2b1c" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2b87" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2bb3" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--danger" id="id_6a0be834a2be4" data-uid="6a0be834a2bed" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2be4">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2c17" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2be4" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: danger, Timeout: permanent, Iteration: 3).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a2c4c" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>                <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="1ae5ec08582e7994bc7fe1be1e52e282" data-dismissable-notice-timeout="permanent" id="id_6a0be834a2c7b" data-uid="6a0be834a2c86" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2c7b">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2cb2" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2c7b" data-js-notice-message="true" class="c-notice__message">
                            This message has an action button and may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Go to home" data-uid="6a0be834a2ce6" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Go to home
            </span>
        
    </span> </a>                </div>
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2d17" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2d44" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" data-dismissable-notice="1" data-dismissable-notice-uid="ada4ad1a4805c3951e0086b0502d04e4" data-dismissable-notice-timeout="permanent" id="id_6a0be834a2d74" data-uid="6a0be834a2d80" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2d74">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2db3" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2d74" data-js-notice-message="true" class="c-notice__message">
                            This message may be dismissed (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
            
            
                            <div class="c-notice__dismiss">
                        <button class="c-button c-notice__dismiss c-button__basic c-button__basic--default c-button--sm c-button--icon-only" data-dismissable-notice-trigger="1" aria-label="Close" type="button" data-uid="6a0be834a2de9" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--close c-icon--material c-icon--material-close material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-sm" aria-hidden="false" data-material-symbol="close" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="6a0be834a2e16" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>                </div>
                    </div>
    </div>
            <!-- notice.blade.php -->
<div class="c-notice c-notice--warning" id="id_6a0be834a2e45" data-uid="6a0be834a2e4d" data-component="notice" aria-labelledby="notice__text__id_6a0be834a2e45">
    
    
            <span class="c-notice__icon">
                <!-- icon.blade.php -->
    <span class="c-icon c-icon--check c-icon--material c-icon--material-check material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined c-icon--color-white c-icon--size-md" data-material-symbol="check" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" aria-hidden="false" data-uid="6a0be834a2e77" data-component="icon">
                    </span>
        </span>
        
    
    
    
            <span id="notice__text__id_6a0be834a2e45" data-js-notice-message="true" class="c-notice__message">
                            This has a button to do a task but no dismiss action (Type: warning, Timeout: permanent, Iteration: 4).
                        
        </span>
    
    
            <div class="c-notice__actions">

            
                            <div class="c-notice__action">
                        <a class="c-button c-notice__button c-button__basic c-button__basic--default c-button--sm" href="#" target="_top" aria-label="Undo" data-uid="6a0be834a2eac" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
        
                    <span class="c-button__label-text ">
                Undo
            </span>
        
    </span> </a>                </div>
            
            
                    </div>
    </div>    

@foreach(['immediate','session', 'permanent'] as $timeout)
    @foreach (['info', 'success', 'danger', 'warning'] as $type)
        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This message has an action button and may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'action' => [
                'text' => 'Go to home',
                'url' => '#'
            ],
            'dismissable' => $timeout,
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice

        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This message may be dismissed (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'dismissable' => $timeout,
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice

        @notice([
            'type' => $type,
            'message' => [
                'text' => 'This has a button to do a task but no dismiss action (Type: '.$type.', Timeout: '.$timeout. ', Iteration: ' .$loop->iteration.').',
            ],
            'action' => [
                'text' => 'Undo',
                'url' => '#'
            ],
            'icon' => [
                'name' => 'check',
                'size' => 'md',
                'color' => 'white'
            ]
        ])
        @endnotice
    @endforeach
@endforeach