<script setup>
import { useQuasar } from "quasar";
const props = defineProps({
  company: { type: String, required: false, default: "" },
  company_logo: { type: String, required: false, default: "" },
  copyright_name: { type: String, required: false, default: "" },
  copyright_year: { type: String, required: false, default: "" }
});
const emit = defineEmits(["submit"]);
const onSubmit = async (d, form) => {
  emit("submit", d);
};
</script>

<template>
    <FormKit type="l-form" :bordered="false" :value="{
  company: props.company,
  company_logo: props.company_logo,
  copyright_name: props.copyright_name,
  copyright_year: props.copyright_year
}" @submit="onSubmit">

        <FormKit type="l-input" label="Company" name="company" validation="required"></FormKit>
        <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>

        <FormKit label="Copyright name" type="l-input" name="copyright_name" validation="required" />
        <FormKit label="Copyright year" type="l-input" name="copyright_year" validation="required" />

    </FormKit>
</template>
