import React from 'react';
import {
  Alert,
  Stack,
  AlertTitle,
  AlertIcon,
  AlertCloseButton,
} from '@native-base/v3';

export default function () {
  return (
    <Stack space={4} mx={3}>
      <Alert variant="solid" status="success">
        <AlertIcon />
        <AlertTitle>Alert Solid Variant</AlertTitle>
        <AlertCloseButton />
      </Alert>
      <Alert variant="left-accent" status="success">
        <AlertIcon />
        <AlertTitle>Alert Left Accent Variant</AlertTitle>
        <AlertCloseButton />
      </Alert>
      <Alert variant="top-accent" status="success">
        <AlertIcon />
        <AlertTitle>Alert Top Accent Variant</AlertTitle>
        <AlertCloseButton />
      </Alert>
      <Alert status="success">
        <AlertIcon />
        <AlertTitle>Alert Default/Subtle Variant</AlertTitle>
        <AlertCloseButton />
      </Alert>
    </Stack>
  );
}