📦 payloadcms / plugin-seo

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
28
29
30
31'use client'

/* eslint-disable no-use-before-define */
/* eslint-disable import/no-extraneous-dependencies */
import React from 'react'

export const Pill: React.FC<{
  backgroundColor: string
  color: string
  label: string
}> = props => {
  const { backgroundColor, color, label } = props

  return (
    <div
      style={{
        padding: '4px 6px',
        backgroundColor,
        color,
        borderRadius: '2px',
        marginRight: '10px',
        whiteSpace: 'nowrap',
        flexShrink: 0,
        lineHeight: 1,
      }}
    >
      <small>{label}</small>
    </div>
  )
}