import React from "react";
import { Box, Textarea } from "@chakra-ui/react";

export const MarkdownEditor = (props: {
  placeholder: string;
  markdown: string;
  onChange: (p: any) => any;
}) => {
  return (
    <Box>
      <link rel="stylesheet" href="/packages/client/public" media="print" onLoad="this.media='all'" />
      <Textarea
        value={props.markdown}
        placeholder={props.placeholder}
        onChange={(e) => props.onChange(e.target.value)}
        width="100%"
        minHeight="150px"
        height="100%"
        resize="none"
      />
    </Box>
  );
};