403ad8b93e
* add some stripe stuff * more stripe stuff * more stripe things * more stripr stuff * more stripe stuff * more stripe stuff * add more stuff * add more stripe stuff * more stuff * fix types
63 lines
1.9 KiB
TypeScript
63 lines
1.9 KiB
TypeScript
"use client";
|
|
import * as React from "react";
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@unsend/ui/src/card";
|
|
import { TextWithCopyButton } from "@unsend/ui/src/text-with-copy";
|
|
|
|
export default function ExampleCard() {
|
|
return (
|
|
<Card className="mt-9 max-w-xl">
|
|
<CardHeader>
|
|
<CardTitle>SMTP</CardTitle>
|
|
<CardDescription>
|
|
Send emails using SMTP instead of the REST API. See documentation for
|
|
more information.
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<div className="space-y-6">
|
|
<div>
|
|
<strong>Host:</strong>
|
|
<TextWithCopyButton
|
|
className="ml-1 border bg-primary/10 rounded-lg mt-1 p-2 w-full "
|
|
value={"smtp.unsend.dev"}
|
|
></TextWithCopyButton>
|
|
</div>
|
|
<div>
|
|
<strong>Port:</strong>
|
|
<TextWithCopyButton
|
|
className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10 font-mono"
|
|
value={"465"}
|
|
></TextWithCopyButton>
|
|
<p className="ml-1 mt-1 text-zinc-500 text-sm ">
|
|
For encrypted/TLS connections use{" "}
|
|
<strong className="font-mono">2465</strong>,{" "}
|
|
<strong className="font-mono">587</strong> or{" "}
|
|
<strong className="font-mono">2587</strong>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<strong>User:</strong>
|
|
<TextWithCopyButton
|
|
className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
|
|
value={"unsend"}
|
|
></TextWithCopyButton>
|
|
</div>
|
|
<div>
|
|
<strong>Password:</strong>
|
|
<TextWithCopyButton
|
|
className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
|
|
value={"YOUR_API_KEY"}
|
|
></TextWithCopyButton>
|
|
</div>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|