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

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