text: import React from 'react'
  import { IconButton } from './IconButton'
  
  const x = (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width="24"
      height="24"
      fill="currentcolor"
      viewBox="0 0 24 24">
      <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
    </svg>
  )
  
  export const Close = React.forwardRef(function Close(
    { size = 32, ...props },
    ref
  ) {
    return (
      <IconButton
        ref={ref}
        size={size}
        title="Close"
        aria-label="Close"
        variant="close"
        {...props}
        children={x}
      />
    )
  })
  