import '../sp-icons-large.js' ; import '../sp-icons-medium.js' ; import '../../iconset/stories/icons-demo.js' ; import { html , TemplateResult } from '@spectrum-web-components/base' ; export default { title : 'Icons' , argTypes : { color : { control : 'color' } , } , args : { color : '#000000' , } , } ; interface Properties { color : string ; } export const listMedium = ( { color } ) : TemplateResult => html `
    <icons-demo style="color: ${ color }">
        <sp-icons-medium></sp-icons-medium>
    </icons-demo>
` ; listMedium . story = { name : 'UI Icons - Medium' , } ; export const listLarge = ( { color } ) : TemplateResult => html `
    <icons-demo style="color: ${ color }">
        <sp-icons-large></sp-icons-large>
    </icons-demo>
` ; listLarge . story = { name : 'UI Icons - Large' , } ;