interface Props {
  color: string | "#D0DEE6",
}
const ReadingLine = (props: Props) => {
  return (
    <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect x="1" y="1" width="58" height="58" rx="4" fill="white" stroke={props.color} strokeWidth="2"/>
      <path d="M31.693 23.9169C31.693 24.2684 31.8162 24.5673 32.0625 24.8134C32.3088 25.0595 32.6079 25.1826 32.9597 25.1826H40.1378V42.4803C40.1378 42.8319 40.0146 43.1307 39.7683 43.3768C39.522 43.6229 39.2229 43.746 38.8711 43.746H21.1371C20.7852 43.746 20.4861 43.6229 20.2398 43.3768C19.9935 43.1307 19.8704 42.8319 19.8704 42.4803V18.0103C19.8704 17.6587 19.9935 17.3599 20.2398 17.1138C20.4861 16.8677 20.7852 16.7446 21.1371 16.7446H31.693V23.9169ZM35.0709 36.3628V35.9409C35.0709 35.519 34.8598 35.3081 34.4376 35.3081H25.5706C25.1483 35.3081 24.9372 35.519 24.9372 35.9409V36.3628C24.9372 36.7847 25.1483 36.9956 25.5706 36.9956H34.4376C34.8598 36.9956 35.0709 36.7847 35.0709 36.3628ZM35.0709 32.9876V32.5657C35.0709 32.1438 34.8598 31.9329 34.4376 31.9329H25.5706C25.1483 31.9329 24.9372 32.1438 24.9372 32.5657V32.9876C24.9372 33.4095 25.1483 33.6205 25.5706 33.6205H34.4376C34.8598 33.6205 35.0709 33.4095 35.0709 32.9876ZM35.0709 29.1906C35.0709 28.7687 34.8598 28.5577 34.4376 28.5577H25.5706C25.1483 28.5577 24.9372 28.7687 24.9372 29.1906V29.6125C24.9372 30.0344 25.1483 30.2453 25.5706 30.2453H34.4376C34.8598 30.2453 35.0709 30.0344 35.0709 29.6125V29.1906ZM40.1378 23.1785V23.495H33.382V16.7446H33.6986C34.0505 16.7446 34.3496 16.8677 34.5959 17.1138L39.7683 22.282C40.0146 22.5281 40.1378 22.827 40.1378 23.1785Z" fill={props.color}/>
    </svg>
  )
}
export default ReadingLine;