import { mode } from '../tools' ; export const List = { baseStyle : ( props ) => { return { py : 2 , borderWidth : 1 , borderColor : 'gray.300' , _hover : { bg : mode ( 'primary.100' , 'primary.700' ) ( props ) } , } ; } , } ; export const ListItem = { baseStyle : { py : 2 , borderColor : 'gray.300' , } , defaultProps : { start : 1 , } , } ; export const ListIcon = { baseStyle : { mr : 8 , size : 'md' , } , } ;