import * as React from 'react';

const DefaultStyles = {
  width: '1em',
  height: '1em',
  verticalAlign: 'middle',
  fill: 'currentColor',
  overflow: 'hidden'
};

export default function SelectorChooseDetailWithColor(props = {}) {
  const styles = Object.assign({}, DefaultStyles, props.style);

  return (
    <svg {...props} style={styles} viewBox="0 0 1024 1024"><path d="M1001.244444 0a22.755556 22.755556 0 0 1 22.755556 22.755556v978.488888a22.755556 22.755556 0 0 1-22.755556 22.755556H22.755556a22.755556 22.755556 0 0 1-22.755556-22.755556V22.755556a22.755556 22.755556 0 0 1 22.755556-22.755556h978.488888z" fill="#C9C9C9"></path><path d="M1001.244444 11.377778H22.755556a11.377778 11.377778 0 0 0-11.377778 11.377778v978.488888a11.377778 11.377778 0 0 0 11.377778 11.377778h978.488888a11.377778 11.377778 0 0 0 11.377778-11.377778V22.755556a11.377778 11.377778 0 0 0-11.377778-11.377778z" fill="#FFFFFF"></path><path d="M273.066667 568.888889m11.377777 0l637.155556 0q11.377778 0 11.377778 11.377778l0 91.022222q0 11.377778-11.377778 11.377778l-637.155556 0q-11.377778 0-11.377777-11.377778l0-91.022222q0-11.377778 11.377777-11.377778Z" fill="#E8E8E8"></path><path d="M91.022222 227.555556m11.377778 0l352.711111 0q11.377778 0 11.377778 11.377777l0 91.022223q0 11.377778-11.377778 11.377777l-352.711111 0q-11.377778 0-11.377778-11.377777l0-91.022223q0-11.377778 11.377778-11.377777Z" fill="#E8E8E8"></path><path d="M557.511111 227.555556m11.377778 0l352.711111 0q11.377778 0 11.377778 11.377777l0 91.022223q0 11.377778-11.377778 11.377777l-352.711111 0q-11.377778 0-11.377778-11.377777l0-91.022223q0-11.377778 11.377778-11.377777Z" fill="#E8E8E8"></path><path d="M921.6 772.266667a17.066667 17.066667 0 0 1 17.066667 17.066666v91.022223a17.066667 17.066667 0 0 1-17.066667 17.066666H284.444444a17.066667 17.066667 0 0 1-17.066666-17.066666v-91.022223a17.066667 17.066667 0 0 1 17.066666-17.066666h637.155556z m0 11.377777H284.444444a5.688889 5.688889 0 0 0-5.688888 5.688889v91.022223a5.688889 5.688889 0 0 0 5.688888 5.688888h637.155556a5.688889 5.688889 0 0 0 5.688889-5.688888v-91.022223a5.688889 5.688889 0 0 0-5.688889-5.688889z" fill="#C9C9C9"></path><path d="M193.422222 772.266667a17.066667 17.066667 0 0 1 17.066667 17.066666v91.022223a17.066667 17.066667 0 0 1-17.066667 17.066666H102.4a17.066667 17.066667 0 0 1-17.066667-17.066666v-91.022223a17.066667 17.066667 0 0 1 17.066667-17.066666h91.022222z m0 11.377777H102.4a5.688889 5.688889 0 0 0-5.688889 5.688889v91.022223a5.688889 5.688889 0 0 0 5.688889 5.688888h91.022222a5.688889 5.688889 0 0 0 5.688889-5.688888v-91.022223a5.688889 5.688889 0 0 0-5.688889-5.688889z" fill="#C9C9C9"></path><path d="M117.805511 826.550044a5.688889 5.688889 0 1 0-8.055467 8.055467l28.444445 28.444445a5.688889 5.688889 0 0 0 8.521955-0.534756l39.822223-51.2a5.688889 5.688889 0 0 0-8.988445-6.985956l-35.862755 46.114134-23.893334-23.893334z" fill="#C9C9C9"></path><path d="M91.022222 568.888889m11.377778 0l91.022222 0q11.377778 0 11.377778 11.377778l0 91.022222q0 11.377778-11.377778 11.377778l-91.022222 0q-11.377778 0-11.377778-11.377778l0-91.022222q0-11.377778 11.377778-11.377778Z" fill="#E8E8E8"></path><path d="M117.805511 617.483378a5.688889 5.688889 0 1 0-8.055467 8.055466l28.444445 28.444445a5.688889 5.688889 0 0 0 8.521955-0.534756l39.822223-51.2a5.688889 5.688889 0 0 0-8.988445-6.985955L141.687467 641.376711l-23.893334-23.893333z" fill="#FFFFFF"></path><path d="M1001.244444 0a22.755556 22.755556 0 0 1 22.755556 22.755556v105.244444H0V22.755556a22.755556 22.755556 0 0 1 22.755556-22.755556h978.488888z" fill="#C9C9C9"></path><path d="M1012.622222 116.622222V22.755556a11.377778 11.377778 0 0 0-11.377778-11.377778H22.755556a11.377778 11.377778 0 0 0-11.377778 11.377778v93.866666h1001.244444z" fill="#F5F5F5"></path><path d="M0 449.422222h1024v-11.377778H0z" fill="#C9C9C9"></path></svg>
  );
}