<commit_before>import { Sticky } from "../Sticky"
import { Box, Clickable, Message } from "@artsy/palette"
import * as React from "react"
import styled from "styled-components"

interface ArtworkGridEmptyStateProps {
  onClearFilters?: () => void
}

export const ArtworkGridEmptyState: React.FC<ArtworkGridEmptyStateProps> = props => (
  <Box width="100%">
    <Sticky>
      {({ stuck }) => {
        return (
          <Box pt={stuck ? 1 : 0} my={1}>
            <Message width="100%">
              There aren't any works available that meet the following criteria
              at this time.
              {props.onClearFilters && (
                <>
                  Change your filter criteria to view more works.{" "}
                  <ResetFilterLink
                    textDecoration="underline"
                    onClick={props.onClearFilters}
                  >
                    Clear all filters
                  </ResetFilterLink>
                  .
                </>
              )}
            </Message>
          </Box>
        )
      }}
    </Sticky>
  </Box>
)

export const ResetFilterLink = styled(Clickable)``
<commit_msg>chore: add whitespace on end of sentence<commit_after>import { Sticky } from "../Sticky"
import { Box, Clickable, Message } from "@artsy/palette"
import * as React from "react"
import styled from "styled-components"

interface ArtworkGridEmptyStateProps {
  onClearFilters?: () => void
}

export const ArtworkGridEmptyState: React.FC<ArtworkGridEmptyStateProps> = props => (
  <Box width="100%">
    <Sticky>
      {({ stuck }) => {
        return (
          <Box pt={stuck ? 1 : 0} my={1}>
            <Message width="100%">
              There aren't any works available that meet the following criteria
              at this time.{" "}
              {props.onClearFilters && (
                <>
                  Change your filter criteria to view more works.{" "}
                  <ResetFilterLink
                    textDecoration="underline"
                    onClick={props.onClearFilters}
                  >
                    Clear all filters
                  </ResetFilterLink>
                  .
                </>
              )}
            </Message>
          </Box>
        )
      }}
    </Sticky>
  </Box>
)

export const ResetFilterLink = styled(Clickable)``

{'fraction_non_alphanumeric': 0.1092687074829932, 'fraction_numerical': 0.007653061224489796, 'mean_word_length': 1.5800438596491229, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 35, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2271921', 'n_tokens_mistral': 637, 'n_tokens_neox': 606, 'n_words': 160}