69 lines
2.5 KiB
TypeScript
69 lines
2.5 KiB
TypeScript
'use client'
|
||
|
||
export default function SuitableCheckData() {
|
||
return (
|
||
<>
|
||
<div className={`compliance-check-bx act`}>
|
||
<div className="check-name-wrap">
|
||
<div className="check-form-box com-tit">
|
||
<input type="checkbox" id="ch01" />
|
||
<label htmlFor="ch01">アースティ４０</label>
|
||
</div>
|
||
<div className="check-name-btn">
|
||
<button className="bx-btn"></button>
|
||
</div>
|
||
</div>
|
||
<ul className="reference-list check">
|
||
<li className="reference-item">
|
||
<div className="check-item-wrap">
|
||
<div className="check-form-box com-txt">
|
||
<input type="checkbox" id="ch02" />
|
||
<label htmlFor="ch02">屋根技研 支持瓦</label>
|
||
</div>
|
||
<div className="compliance-icon-wrap">
|
||
<i className="compliance-icon check"></i>
|
||
<i className="compliance-icon x"></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li className="reference-item">
|
||
<div className="check-item-wrap">
|
||
<div className="check-form-box com-txt">
|
||
<input type="checkbox" id="ch03" />
|
||
<label htmlFor="ch03">屋根技研 支持金具</label>
|
||
</div>
|
||
<div className="compliance-icon-wrap">
|
||
<i className="compliance-icon x"></i>
|
||
<i className="compliance-icon tip"></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li className="reference-item">
|
||
<div className="check-item-wrap">
|
||
<div className="check-form-box com-txt">
|
||
<input type="checkbox" id="ch04" />
|
||
<label htmlFor="ch04">屋根技研YGアンカー</label>
|
||
</div>
|
||
<div className="compliance-icon-wrap">
|
||
<i className="compliance-icon tip"></i>
|
||
<i className="compliance-icon quest"></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li className="reference-item">
|
||
<div className="check-item-wrap">
|
||
<div className="check-form-box com-txt">
|
||
<input type="checkbox" id="ch05" />
|
||
<label htmlFor="ch05">ダイドハント支持瓦Ⅱ</label>
|
||
</div>
|
||
<div className="compliance-icon-wrap">
|
||
<i className="compliance-icon check"></i>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</>
|
||
)
|
||
}
|