
        <script setup>
        import { Playground } from "@viteplay/vue"
                
        
            let modules_0 = {}
            import  module_0_0 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CButton/CButton.vue"
              modules_0["../CButton.vue"] = module_0_0
              
            

            let modules_1 = {}
            import  module_1_0 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CButton/CButton.vue"
              modules_1["../CButton.vue"] = module_1_0
              
            

            let modules_2 = {}
            import  module_2_0 from "/Users/nakashimakeiju/ghq/github.com/CodeLic/console/src/components/CButton/CButton.vue"
              modules_2["../CButton.vue"] = module_2_0
              
            
        </script>
        <template>
          <div>
            <h1>CButton</h1>
            
            <section>
            <h2 id="basic">Basic</h2>
            <Playground :modules="modules_0" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20CButton%20from%20'../CButton.vue'%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCButton%3E%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%3C/CButton%3E%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="kind-primary">Kind - Primary</h2>
            <Playground :modules="modules_1" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20CButton%20from%20'../CButton.vue'%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCButton%20kind=%22primary%22%3E%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%3C/CButton%3E%0A%3C/template%3E%0A`)" />
            </section>
              

            <section>
            <h2 id="kind-secondary">Kind - Secondary</h2>
            <Playground :modules="modules_2" :code="decodeURI(`%3Cscript%20setup%3E%0Aimport%20CButton%20from%20'../CButton.vue'%0A%3C/script%3E%0A%0A%3Ctemplate%3E%0A%20%20%3CCButton%20kind=%22secondary%22%3E%E3%81%93%E3%81%A1%E3%82%89%E3%82%92%E6%8A%BC%E3%81%97%E3%81%A6%3C/CButton%3E%0A%3C/template%3E%0A`)" />
            </section>
              
          </div>
        </template>
      