text: import Controller from "./Controller";
  import { Repeater } from "cx/widgets";
  
  const defaultProps = {};
  
  export default ({} = defaultProps) => (
  	<cx>
  		<div class="kpi-header" controller={Controller}>
  			News
  		</div>
  		<div class="kpi-main" style="justify-content: start">
  			<ul>
  				<Repeater records:bind="$data.articles">
  					<li>
  						<a
  							href:bind="$record.url"
  							target="_blank"
  							rel="noopener"
  							text:bind="$record.title"
  						/>
  					</li>
  				</Repeater>
  			</ul>
  		</div>
  		<div class="kpi-footer">
  			<a href:tpl="https://newsapi.org" target="_blank" rel="noopener">
  				newsapi.org
  			</a>
  		</div>
  	</cx>
  );
  