stateless-function-component-in-typescript

confirm-dialog.tsx

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>
    ;