import { Alert, AlertIcon, AlertTitle, AlertToolbar } from '@/components/ui/alert';
import { Button } from '@/components/ui/button';
import { RiNotificationFill } from '@remixicon/react';

export default function Component() {
  return (
    <Alert close={true}>
      <AlertIcon>
        <RiNotificationFill />
      </AlertIcon>
      <AlertTitle>This is a primary alert</AlertTitle>
      <AlertToolbar>
        <Button variant="inverse" mode="link" underlined="solid" size="sm">
          Upgrade
        </Button>
      </AlertToolbar>
    </Alert>
  );
}