{
  "name": "newspaper",
  "type": "registry:ui",
  "registryDependencies": [],
  "dependencies": [],
  "devDependencies": [],
  "tailwind": {},
  "cssVars": {
    "light": {},
    "dark": {}
  },
  "files": [
    {
      "path": "newspaper.tsx",
      "content": "import * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport './newspaper.css';\n\nexport const Newspaper = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cn('w-full', className)} {...props}>\n      {children}\n    </div>\n  );\n});\nNewspaper.displayName = 'Newspaper';\n\nexport const NewspaperHeader = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <h1\n      ref={ref}\n      className={cn(\n        'newspaper-header mt-4 mb-6 text-5xl md:text-6xl',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h1>\n  );\n});\nNewspaperHeader.displayName = 'NewspaperHeader';\n\nexport const NewspaperContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <section\n      ref={ref}\n      className={cn('flex flex-col gap-4 md:flex-row', className)}\n      {...props}\n    >\n      {children}\n    </section>\n  );\n});\nNewspaperContent.displayName = 'NewspaperContent';\n\nexport interface NewspaperArticleProps extends React.HTMLAttributes<HTMLDivElement> {\n  isBreaking?: boolean;\n}\n\nexport const NewspaperArticle = React.forwardRef<\n  HTMLDivElement,\n  NewspaperArticleProps\n>(({ className, isBreaking, children, ...props }, ref) => {\n  return (\n    <article\n      ref={ref}\n      className={cn(\n        'newspaper-article mb-4',\n        isBreaking ? 'flex-[2]' : 'flex-[1]',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </article>\n  );\n});\nNewspaperArticle.displayName = 'NewspaperArticle';\n",
      "type": "registry:ui"
    },
    {
      "path": "newspaper.tsx",
      "content": "import * as React from 'react';\nimport { cn } from '@/lib/utils';\nimport './newspaper.css';\n\nexport const Newspaper = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div ref={ref} className={cn('w-full', className)} {...props}>\n      {children}\n    </div>\n  );\n});\nNewspaper.displayName = 'Newspaper';\n\nexport const NewspaperHeader = React.forwardRef<\n  HTMLHeadingElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <h1\n      ref={ref}\n      className={cn(\n        'newspaper-header mt-4 mb-6 text-5xl md:text-6xl',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h1>\n  );\n});\nNewspaperHeader.displayName = 'NewspaperHeader';\n\nexport const NewspaperContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, children, ...props }, ref) => {\n  return (\n    <section\n      ref={ref}\n      className={cn('flex flex-col gap-4 md:flex-row', className)}\n      {...props}\n    >\n      {children}\n    </section>\n  );\n});\nNewspaperContent.displayName = 'NewspaperContent';\n\nexport interface NewspaperArticleProps extends React.HTMLAttributes<HTMLDivElement> {\n  isBreaking?: boolean;\n}\n\nexport const NewspaperArticle = React.forwardRef<\n  HTMLDivElement,\n  NewspaperArticleProps\n>(({ className, isBreaking, children, ...props }, ref) => {\n  return (\n    <article\n      ref={ref}\n      className={cn(\n        'newspaper-article mb-4',\n        isBreaking ? 'flex-[2]' : 'flex-[1]',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </article>\n  );\n});\nNewspaperArticle.displayName = 'NewspaperArticle';\n",
      "type": "registry:ui"
    },
    {
      "path": "newspaper.css",
      "content": "@import url('https://fonts.googleapis.com/css?family=Oswald:400,300');\n@import url('https://fonts.googleapis.com/css?family=Merriweather');\n\n@font-face {\n  font-family: 'Queens Park';\n  src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/4273/queens-park.woff')\n    format('woff');\n  font-style: normal;\n  font-weight: 400;\n}\n\n.newspaper-header {\n  font-family: 'Queens Park', serif;\n  text-align: center;\n}\n\n.newspaper-article h1,\n.newspaper-article h2,\n.newspaper-article h3 {\n  font-family: 'Oswald', serif;\n}\n\n.newspaper-article h1 {\n  line-height: 1.3;\n}\n\n.newspaper-article h2,\n.newspaper-article h3 {\n  text-align: right;\n  line-height: 1.3;\n  margin: 0.3rem 0;\n  font-weight: 300;\n}\n\n.newspaper-article p {\n  font-family: 'Merriweather', serif;\n  line-height: 1.6;\n}\n",
      "type": "registry:ui"
    }
  ]
}