import { Separator } from '@i4o/catalystui'
 
export default () => {
	return (
		<div className='text-gray-100 dark:text-gray-900'>
			<h1>Catalyst UI</h1>
			<p>
				React component library built with Radix Primitives and Tailwind
				CSS
			</p>
			<Separator decorative={true} orientation='horizontal' />
			<div className='flex items-center h-5'>
				<a href='https://github.com/i4o-oss/catalystui'>Github</a>
				<Separator decorative={true} orientation='vertical' />
				<a href='https://catalyst-ui.com'>Website</a>
			</div>
		</div>
	)
}