// @flow
import type { StatelessFunctionalComponent } from 'react';
import styled from 'styled-components';
import type { HideAccessiblyProps } from './hide-accessibly.proptypes';

export const HideAccessibly: StatelessFunctionalComponent<HideAccessiblyProps> = styled.div`
  &&& {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
`;

HideAccessibly.displayName = 'HideAccessibly';
