CoastalCommitsPastes/client/app/(posts)/new/components/description/index.tsx

27 lines
560 B
TypeScript
Raw Normal View History

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