export const styles = { container : "max-w-xl mx-auto px-4" , h1 : "text-3xl font-extrabold text-gray-900 tracking-tight" , h2 : "text-2xl font-extrabold text-gray-900 tracking-tight" , button : { primary : "inline-flex justify-center py-2 px-3 border border-transparent shadow-sm text-sm leading-4 font-medium rounded-md text-white bg-gray-800 hover:bg-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-2 focus:ring-blue-500" , secondary : "bg-white py-2 px-3 border border-gray-300 rounded-md shadow-sm text-sm leading-4 font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" , } , label : "block text-sm font-medium text-gray-700" , input : "px-3 py-2 shadow-sm outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 mt-1 block w-full sm:text-sm border border-gray-300 rounded-md" , } ;