// Docs {@link https://tailwindcss.com/docs/text-color}
import React from 'react';
export function App() {
return (
<div className='App h-full py-6 px-6 bg-white'>
<div class='bg-gray-50 shadow-lg border rounded-md'>
<div class='mx-auto max-w-7xl py-12 px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8'>
<h2 class='text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl'>
<span class='block'>Hello Tailwind</span>
<span class='block text-my-indigo'>
Start editing to see some magic happen.
</span>
</h2>
<div class='mt-8 flex lg:mt-0 lg:flex-shrink-0'>
<div class='inline-flex rounded-md shadow'>
<a
href='#'
class='inline-flex items-center justify-center rounded-md border border-transparent bg-indigo-600 px-5 py-3 text-base font-medium text-white hover:bg-indigo-700'
>
Button
</a>
</div>
<div class='ml-3 inline-flex rounded-md shadow'>
<a
href='#'
class='inline-flex items-center justify-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium text-indigo-600 hover:bg-indigo-50'