import { styled } from 'view-container'

export const StyledButton = styled.button.attrs({})`
  /* @TODO display:none style to be added based props */
  &.hide {
    display: none;
  }

  .icon-left {
    svg,
    .icon {
      order: -1;
    }
  }
  .icon-right {
    svg,
    .icon {
      order: 10;
    }
  }
`
export const StyledDiv = styled.div.attrs({})``

export const ButtonText = styled.span.className('button-text')`
  display: flex;
  align-items: center;
  justify-content: center;
`