cd58916e05
## 概要 [Task3696: ツールの雛形作成](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3696) - DevContainerを追加 ## レビューポイント - 特になし ## 動作確認状況 - ローカルで確認
20 lines
462 B
TypeScript
20 lines
462 B
TypeScript
import React, { FC } from "react";
|
|
import "./SnackBar.css";
|
|
|
|
interface SnackBarProps {
|
|
message: string;
|
|
show: boolean;
|
|
closeSnackBar: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
}
|
|
|
|
const SnackBar: FC<SnackBarProps> = ({ message, show, closeSnackBar }) => (
|
|
<div className={`snackbar${show ? " show" : ""}`}>
|
|
<p>{message}</p>
|
|
<button type="button" onClick={closeSnackBar}>
|
|
閉じる
|
|
</button>
|
|
</div>
|
|
);
|
|
|
|
export default SnackBar;
|