34 lines
602 B
Plaintext
34 lines
602 B
Plaintext
/**
|
|
* {{COMPONENT_NAME}}
|
|
*
|
|
* {{COMPONENT_DESCRIPTION}}
|
|
*
|
|
* @category {{ATOMIC_CATEGORY}}
|
|
*/
|
|
|
|
import React from 'react';
|
|
|
|
export interface {{COMPONENT_NAME}}Props {
|
|
/**
|
|
* {{PROP_DESCRIPTION}}
|
|
*/
|
|
{{PROP_NAME}}{{PROP_OPTIONAL}}: {{PROP_TYPE}};
|
|
}
|
|
|
|
/**
|
|
* {{COMPONENT_NAME}} component
|
|
*
|
|
* {{USAGE_EXAMPLE}}
|
|
*/
|
|
export const {{COMPONENT_NAME}} = ({
|
|
{{PROPS_DESTRUCTURED}}
|
|
}: {{COMPONENT_NAME}}Props) => {
|
|
return (
|
|
<{{ROOT_ELEMENT}} className="{{TAILWIND_CLASSES}}">
|
|
{{COMPONENT_CONTENT}}
|
|
</{{ROOT_ELEMENT}}>
|
|
);
|
|
};
|
|
|
|
{{COMPONENT_NAME}}.displayName = '{{COMPONENT_NAME}}';
|