image and button components

2 files changed, 22 insertions, 0 deletions

diff --git a/components/button.tsx b/components/button.tsx
new file mode 100644
index 0000000..452d85f
--- /dev/null
+++ b/components/button.tsx
@@ -0,0 +1,9 @@
+export default function Button(props: {
+	text: string;
+	href?: string;
+	onclick?: () => void;
+}) {
+	return props.href ?
+			<a href={props.href} className="button">{props.text}</a> :
+			<button onClick={props.onclick} className="button">{props.text}</button>
+}
diff --git a/components/image.tsx b/components/image.tsx
new file mode 100644
index 0000000..106c2bd
--- /dev/null
+++ b/components/image.tsx
@@ -0,0 +1,13 @@
+export default function Image(props: {
+	src: string;
+	title?: string;
+}) {
+	return <div className="image">
+		<img src={props.src} alt={props.title}/>
+		{
+			props.title && <div>
+				<p>{props.title}</p>
+			</div>
+		}
+	</div>
+}