Skip to content

Instantly share code, notes, and snippets.

@dseg
Created December 15, 2016 12:48
Show Gist options
  • Save dseg/ab99eddef12c16ba6a13dae05b827c59 to your computer and use it in GitHub Desktop.
Save dseg/ab99eddef12c16ba6a13dae05b827c59 to your computer and use it in GitHub Desktop.
stateless-function-component-in-typescript
import * as React from 'react';
interface IInquiryConfirmDialogProps {
message: string;
onClick?: (evt: any) => void;
}
const InquiryConfirmDialog: React.StatelessComponent<IInquiryConfirmDialogProps> = (props: IInquiryConfirmDialogProps) =>
<div className="modal-box">
<form>
<p className="gray-text center">下記の内容で送信してよろしいですか?</p>
<div className="inner">
<dl className="def-list">
<dt>お問合せの種類</dt>
<dd>操作上のご質問</dd>
<dt>お問合せ内容の詳細</dt>
<dd className="fs14">{props.message || ""}</dd>
</dl>
</div>
<div className="bottom-btn clearfix">
<p>
<input type="submit" value="キャンセル" className="btn"/>
</p>
<p>
<input type="submit" value="送信する" className="btn red"/>
</p>
</div>
</form>
</div>
;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment