import React from 'react' ; import styled from 'styled-components' ; import { SortOrder } from '../DataTable/types' ; const Icon = styled . span < { sortActive : boolean ; sortDirection : SortOrder ; } > `
	padding: 2px;
	color: inherit;
	flex-grow: 0;
	flex-shrink: 0;
	${ ( { sortActive } ) => ( sortActive ? 'opacity: 1' : 'opacity: 0' ) };
	${ ( { sortDirection } ) => sortDirection === 'desc' && 'transform: rotate(180deg)' };
` ; interface NativeSortIconProps { sortActive : boolean ; sortDirection : SortOrder ; } const NativeSortIcon = ( { sortActive , sortDirection } ) => ( < Icon sortActive = { sortActive } sortDirection = { sortDirection } > & # 9650 ; < /Icon>); export default NativeSortIcon ;