import { ComponentChildren , h , JSX } from "../deps.ts" ; export function TextButton ( { children , ... props } ) { return ( < input { ... props } type = "text" class = " w - full flex justify - center text - center cursor - text py - 2 px - 4 border border - gray - 300 font - medium rounded - md text - gray - 700 bg - gray - 100 transition duration - 150 ease - in - out hover : ( text - gray - 500 bg - gray - 5 ) active : ( bg - gray - 100 text - gray - 700 ) focus : ( outline - none shadow border - blue - 300 ) "/>); }