import './{{model.className}}.scss';

interface {{model.className}}Props {
  {{#each model.fields}}
  {{name}}: {{#ifEquals type "boolean"}}boolean{{else}}string{{/ifEquals}};
  {{/each}}
}

export const {{model.className}} = (props: {{model.className}}Props) => {
  const { {{#each model.fields}}{{name}}{{#unless @last}}, {{/unless}}{{/each}} } = props;
  return (
    <section className="{{model.name}}">
      <h2>{props.title}</h2>
    </section>
  );
};