import React from 'react'
import { IconWrapper, SwitchIconWrapper } from './styled'

export interface SwitchRenderWrapProps {
  isSelected: boolean
  children: any
  className: string
}

// renderProps file
export function defaultRenderWrap(props: SwitchRenderWrapProps) {
  return (
    <IconWrapper>
      <SwitchIconWrapper
        isSelected={props.isSelected}
        className={props.className}
        aria-expanded={props.isSelected ? 'true' : 'false'}
      >
        {props.children}
      </SwitchIconWrapper>
    </IconWrapper>
  )
}