import styled , { css , FlattenSimpleInterpolation , StyledComponentProps } from "styled-components" ; export const screenReaderOnlyMixin = css `
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
` ; /**
 * Screen reader only content
 */ export const SROnly = styled . span `
	${ screenReaderOnlyMixin }
` ; param props param style returns export function whenProp ( props , style ) { const normalizedProps = typeof props === "string" ? [ props ] : props ; return ( componentProps ) => ( normalizedProps . some ( ( prop ) => componentProps [ prop ] ) ? style : null ) ; } param props param style returns export function unlessProp ( props , style ) { const normalizedProps = typeof props === "string" ? [ props ] : props ; return ( componentProps ) => ( normalizedProps . some ( ( prop ) => componentProps [ prop ] ) ? null : style ) ; }