@page "/components/alert"

@using Connected.Components;

<ThemeProvider></ThemeProvider>


<Grid>
    <Item md="4" xs="12">
        <Alert Severity="Severity.Normal" ClassList="my-2 justify-end dense" CloseGlyphVisible="true">Default Square</Alert>
        <Alert Severity="Severity.Info" ClassList="my-2">Info Square</Alert>
        <Alert Severity="Severity.Success" ClassList="my-2">Success Square</Alert>
        <Alert Severity="Severity.Warning" ClassList="my-2">Warning Square</Alert>
        <Alert Severity="Severity.Error" ClassList="my-2">Error Square</Alert>
    </Item>
    <Item md="4" xs="12">
        <Alert Severity="Severity.Normal" Variant="Variant.Outlined" GlyphVisible="true" CloseGlyphVisible="true"
            ClassList="my-2 justify-end elevation-1">
            Default Square
        </Alert>
        <Alert Severity="Severity.Info" Variant="Variant.Outlined" GlyphVisible="true"
            ClassList="my-2 rounded-xl justify-center">
            Info Square
        </Alert>
        <Alert Severity="Severity.Success" Variant="Variant.Outlined" ClassList="my-2">Success Square
        </Alert>
        <Alert Severity="Severity.Warning" Variant="Variant.Outlined" ClassList="my-2">Warning Square
        </Alert>
        <Alert Severity="Severity.Error" Variant="Variant.Outlined" ClassList="my-2">Error Square</Alert>
    </Item>
    <Item md="4" xs="12">
        <Alert Severity="Severity.Normal" Variant="Variant.Filled" ClassList="mb-2 mt-3">Default Square
        </Alert>
        <Alert Severity="Severity.Info" Variant="Variant.Filled" ClassList="my-2">Info Square</Alert>
        <Alert Severity="Severity.Success" Variant="Variant.Filled" ClassList="my-2">Success Square
        </Alert>
        <Alert Severity="Severity.Warning" Variant="Variant.Filled" ClassList="my-2">Warning Square
        </Alert>
        <Alert Severity="Severity.Error" Variant="Variant.Filled" ClassList="my-2">Error Square</Alert>
    </Item>
</Grid>