CoastalCommitsPastes/client/app/(posts)/new/components/description/index.tsx
2022-11-12 00:58:21 -08:00

26 lines
560 B
TypeScript

import { ChangeEvent, memo } from "react"
import { Input } from "@geist-ui/core/dist"
import styles from "../post.module.css"
type props = {
onChange: (e: ChangeEvent<HTMLInputElement>) => void
description: string
}
const Description = ({ onChange, description }: props) => {
return (
<div className={styles.description}>
<Input
value={description || ""}
onChange={onChange}
label="Description"
maxLength={256}
width="100%"
placeholder="A short description of your post"
/>
</div>
)
}
export default memo(Description)