ui-component.md

name	root	output	ignore	questions
uc	.	**/*		name Please enter component name

src/components/ui/{{ inputs.name | pascal }}/index.ts

export { {{ inputs.name | pascal }} } from "./{{ inputs.name | pascal }}"

src/components/ui/{{ inputs.name | pascal }}/{{ inputs.name | pascal }}.stories.tsx

import { ComponentStory, ComponentMeta } from "@storybook/react"
import React from "react"

import { {{ inputs.name | pascal }} } from "./index"

export default {
  title: "UI/{{ inputs.name | pascal }}",
  component: {{ inputs.name | pascal }},
} as ComponentMeta<typeof {{ inputs.name | pascal }}>;

const Template: ComponentStory<typeof {{ inputs.name | pascal }}> = (args) => (
  <{{ inputs.name | pascal }} {...args} />
)

export const Default = Template.bind({})
Default.args = {}

src/components/ui/{{ inputs.name | pascal }}/{{ inputs.name | pascal }}.tsx

import { FC } from "react"

interface {{ inputs.name | pascal }}Props {
  className?: string
}

export const {{ inputs.name | pascal }}: FC<{{ inputs.name | pascal }}Props> = ({ children, className }) => {
  return <div className={className}>{children}</div>
}