# All files / src/Pagination Pagination.styles.ts

100% Statements 10/10
100% Branches 10/10
100% Functions 0/0
100% Lines 10/10

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    283x
    3x
    3x
    3x
    3x

    3x

    3x

    3x

    3x

    3x

     import styled from 'styled-components'
    import { Button } from '../Button/Button'
    import { Card } from '../Card/Card'
    import { Typography } from '../Typography/Typography'
    import { spacing } from '../_styles/spacing'

    export const StyledContainer = styled.div`
      display: flex;
      align-items: center;
    `

    export const StyledPageCount = styled(Typography)`
      margin-right: ${spacing.xl}px;
    `

    export const StyledCurrentPage = styled(Typography)`
      margin-right: ${spacing.sm}px;
    `

    export const StyledButton = styled(Button)`
      margin-left: ${spacing.sm}px;
    `

    export const StyledOverlay = styled(Card)`
      max-height: 300px; // TODO one-off
      max-width: 248px; // TODO one-off
    `