import { theme as defaultTheme } from '@bigcommerce/big-design-theme' ; import { hideVisually } from 'polished' ; import styled , { css , DefaultTheme , StyledComponent } from 'styled-components' ; import { StyleableText } from '../../Typography/private' ; export interface StyledLabelProps extends React . LabelHTMLAttributes < HTMLLabelElement > { hidden ? : boolean ; disabled ? : boolean ; } export const StyledLabel = styled ( StyleableText ) . attrs ( { as : 'label' } ) < StyledLabelProps > `
  cursor: pointer;

  ${ ( { disabled } ) => disabled && css `
      cursor: not-allowed;
    ` }

  ${ ( { hidden } ) => hidden && hideVisually ( ) }
` as StyledComponent < 'label' , DefaultTheme , StyledLabelProps > ; StyledLabel . defaultProps = { theme : defaultTheme } ;