{"size": 402, "ext": "js", "max_stars_repo_path": "components/lesson/publish/errorText.js", "max_stars_repo_name": "SuperDogHuman/teraccoon_lesson_authoring", "max_stars_repo_stars_event_min_datetime": "2019-08-10T08:44:15.000Z", "max_stars_repo_stars_event_max_datetime": "2019-08-10T08:44:15.000Z", "max_issues_repo_path": "components/lesson/publish/errorText.js", "max_issues_repo_name": "SuperDogHuman/teraccoon_lesson_authoring", "max_issues_repo_issues_event_min_datetime": "2020-10-21T06:15:02.000Z", "max_issues_repo_issues_event_max_datetime": "2021-10-31T01:57:23.000Z", "max_forks_repo_path": "components/lesson/publish/errorText.js", "max_forks_repo_name": "SuperDogHuman/teraconnect", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 7, "max_forks_count": null, "avg_line_length": 22.3333333333, "max_line_length": 70, "alphanum_fraction": 0.6194029851}
/** @jsxImportSource @emotion/react */
import React from 'react'
import { css } from '@emotion/core'
import PlainText from '../../plainText'

export default function ErrorText({ body, isShow }) {
  const bodyStyle = css({
    height: '20px',
    opacity: isShow ? 1 : 0,
  })

  return (
    <div css={bodyStyle}>
      <PlainText size='12' color='var(--error-red)'>{body}</PlainText>
    </div>
  )
}
